@charset "UTF-8";

/*CK用all------------------------*/
#Wrap,
.wrapTop,
.wrapBottom {
  width: 100%;
}

#Contents {
  padding-top: 0;
}

#Header,
#Foot {
  width: 1000px;
  margin: 0 auto;
}
#footer {
  border-top: none;
}

.LP_page a {
  transition: opacity .3s;
}
/*------------------------CK用all*/

/*lp all----------------------------*/
html {
  font-size: 62.5%;
}

.LP_page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.LP_page {
  width: 100%;
  background: #fff;
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.LP_page picture,
.LP_page a {
  display: block;
}

.LP_page img {
  width: 100%;
  height: auto;
}

.LP_page .page_inner {
  width: 100%;
  padding-bottom: 16rem;
  margin: 0 auto;
  background: #A8C1CC;
}
.LP_page .sp_only{
  display: none;
}
.LP_page .flexBox{
  display: flex;
}
/*--------------------------// lp all --*/

/*--------anime-------------------------*/
.lr_anime{
  opacity: 0;
  transition-duration: 1.5s;
  transition-delay: 1.5s;
}
.lr_anime.active{
  opacity: 1;
}
.lr_anime{
  display: inline-block;
  animation-name: discuit_Anime;
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  transform-origin: center;
  animation-iteration-count: infinite;
  animation-duration: alternate;
}
@keyframes discuit_Anime{

  0% {
    transform:rotate(-6deg);
  }
  49.5% {
    transform:rotate(-6deg);
  }

  50% {
    transform:rotate(6deg);
  }

  99.5% {
    transform:rotate(6deg);
  }

  100% {
    transform:rotate(-6deg);
  }
}

.fadein,
.mv_img.fadein,
.mv_img.fadein::before,
.mv_img.fadein::after{
  transition-duration: 1.5s;
  opacity: 0;
}
.mv_img.fadein::after{
  transition-delay: 0.8s;
}
.fadein,
.mv_img.fadein.active,
.mv_img.fadein.active::before,
.mv_img.fadein.active::after{
  opacity: 1;
}

.fadeup{
  transform: translateY(40px);
  transition-duration: 1.2s;
  opacity: 0;
}
.item_inner.fadeup{
  transition-delay: 1s;
}
.fadeup.active{
  opacity: 1;
  transform: translateY(0);
}
.txtbox.fadeup{
  transition-delay: 1.8s;
}


.finish_txt.fadeIn{
  transition-duration: 1.5s;
  opacity: 0;
}
.finish_txt.fadeIn.active{
  opacity: 1;
}

.finish_txt.up.fadeIn{
  transition-delay: 1.2s;
}
.finish_txt.rg.fadeIn{
  transition-delay: 1.5s;
}
.finish_txt.down.fadeIn{
  transition-delay: 1.7s;
}


.con_img.fadein,
.finish_img.fadein{
  transition-duration: 2s;
  opacity: 0;
}
.con_img.fadein.active,
.finish_img.fadein.active{
  opacity: 1;
}
.con_img.fadein::before{
  transition-duration: 1.5s;
  transition-delay: 0.8s;
  opacity: 0;
}
.con_img.fadein.active::before{
  opacity: 1;
}

.finish_img.fadein::before{
  transition-duration: 1.5s;
  transition-delay: 0.8s;
  opacity: 0;
}
.finish_img.fadein.active::before{
  opacity: 1;
}

.fade_lr{
  will-change: opacity, transform;
  transform: translate3d(-3rem, 0, 0);
  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.5s, transform 1.5s;
  opacity: 0;
}
.fade_lr.active{
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.SeasonalStyling .sec-ttl.fade_lr{
  transition-delay: 1.3s;;
}


/*-------------------//anime---------------*/

/*------mv----------------------------*/
.mv_area {
  margin: 0 auto;
  padding: 6rem 0 0;
  text-align: center;
}
.mv_area .mv_main{
  position: relative;
  width: 105.5rem;
  margin: 0 auto;
}
.mv_main .mv_img{
  margin: 0 auto;
  width: 105.5rem;
}
.mv_main .mv_img::before{
  position: absolute;
  content: "";
  background: url(../img/square_icon.png) no-repeat;
  background-size: 100%;
  width: 9rem;
  height: 9rem;
  top: 18rem;
  left: -4.5rem;
}
.mv_main .mv_img::after{
  position: absolute;
  content: "";
  background: url(../img/triangle_icon.png) no-repeat;
  background-size: 100%;
  width: 14rem;
  height: 12rem;
  left: 5rem;
  bottom: -3rem;
}
.mv_main .mv_item{
  position: absolute;
  width: 42.5rem;
  top: 3rem;
  right: 3rem;
}

.mv_title{
  margin-top: -5.3rem;
  position: relative;
  z-index: 1;
}
.mv_title .mv_name{
  font-family:jeanne-moderno,serif;
  font-weight:400;
  font-style:normal;
  font-size: 8rem;
  line-height: 9rem;
}
.mv_title .mv_name .enSmall{
  margin-top: 2rem;
  display: block;
  font-style: italic;
  font-size: 2.5rem;
  line-height: 3rem;
}
.mv_title .mv_subtxt{
  position: relative;
  margin-top: 3.5em;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  text-align: center;
}
.mv_title .mv_subtxt::before{
  position: absolute;
  content: "";
  width: 4rem;
  height: 2px;
  top: -1.5rem;
  left: 0;
  right: 0;
  margin:auto;
  background-color: #fff;
}
/*---------------------------//mv------*/


/*--all--------------------------*/
.img_border{
  border-radius: 1rem;
}
.sec-ttl{
  font-family:jeanne-moderno,serif;
  font-weight:400;
  font-style:normal;
  font-size: 6.5rem;
  line-height: 7.5rem;
}
.txtbox{
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.item_description{
  font-size: 2rem;
  line-height: 3.4rem;
}
.step_icon{
  font-family:jeanne-moderno,serif;
  font-weight:400;
  font-style:normal;
}
.con_txt{
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
}
.finish_txt{
  font-family:jeanne-moderno,serif;
  font-weight:400;
  font-style:normal;
  font-size: 5rem;
}
/*----------------------------//all-----*/



/*--------------------SeasonalStyling--------------------------*/
.SeasonalStyling,
.howTo{
  width: 103rem;
  margin: 8rem auto 0;
}

.SeasonalStyling .item_inner{
  width: 103rem;
}
.SeasonalStyling .item_inner .imgbox{
  position: relative;
  width: 57rem;
}

.SeasonalStyling .imgbox .sec-ttl{
  position: absolute;
  width: 100%;
  top: 15rem;
  left: 38.5rem;
  z-index: 1;
}
.SeasonalStyling .imgbox .con_img{
  width: 55.5rem;
}
.SeasonalStyling .imgbox .con_img::before{
  position: absolute;
  content: "";
  background: url(../img/img01_line.png) no-repeat;
  background-size: 100%;
  width: 55.5rem;
  height: 75rem;
  top: 0;
  left: 2rem;
}
.SeasonalStyling .item_inner .txtbox{
  margin-top: 27.5rem;
  margin-left: 9rem;
  max-width: 38rem;
  width: 100%;
}
.SeasonalStyling .txtbox .Seasonal_btn{
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  width: 33.4rem;
  height: 5.6rem;
  border-radius: 1rem;
  background-color: #4A6C60;
  color: #fff;
}
.SeasonalStyling .txtbox .item_description{
  margin-top: 3rem;
  text-align: center;
}
/*----------------------//SeasonalStyling--------------*/


/*--------------------howTo--------------------------*/
.howTo .sec-ttl{
  text-align: center;
}
.howTo .item_inner{
  margin: 4rem auto 0;
  width: 80rem;
}
.howTo .item_inner .imgbox,
.howTo .item_inner .con_img{
  width: 40rem;
}
.howTo .item_inner .imgbox{
  position: relative;
}
.howTo .imgbox .con_txt span{
  position: relative;
  display: block;
}
.howTo .imgbox .con_txt span::before{
  position: absolute;
  content: "";
  background: url(../img/pink_iconPc.png) no-repeat;
  background-size: 100%;
  width: 2.3rem;
  height: 2.5rem;
  bottom: -4rem;
  left: 2rem;
}
.howTo .step02 .con_txt span::before{
  bottom: -4rem;
  left: 31rem;
}
.howTo .imgbox .con_txt{
  position: absolute;
  width: max-content;
  padding: 2rem;
  top: 8rem;
  left: 31.5rem;
  border-radius: 1rem;
  background: #DE8E94;
}
.howTo .item_inner .txtbox{
  max-width: 34rem;
  width: 100%;
  margin-left: 6rem;
  margin-top: 39rem;
}
.howTo .txtbox .step_icon{
  position: relative;
  font-size: 2rem;
  z-index: 1;
}
.howTo .txtbox .step_icon::before{
  position: absolute;
  content: "";
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: -2rem;
  background-color: #4A6C60;
  z-index: -1;
}
.howTo .txtbox .step_icon span{
  display: inline-block;
  font-size: 2.5rem;
}
.howTo .txtbox .item_description{
  margin-top: 2rem;
}


.howTo .item_inner.step02{
  flex-direction: row-reverse;
  margin: 8rem auto 0;
}
.howTo .item_inner.step02 .txtbox {
  max-width: 36rem;
  width: 100%;
  margin: 32rem auto 0;
}
.howTo .item_inner.step02 .imgbox{
  margin-left: 4rem;
}
.howTo .item_inner.step02 .imgbox .con_txt{
  top: 10rem;
  left: -32.5rem;
}

.howTo .item_inner.step03{
  margin: 8rem auto 0;
}
.howTo .item_inner.step03 .txtbox {
  margin-top: 20rem;
}
/*----------------------//howTo--------------*/

/*-------------------finish--------------------*/
.finish{
  position: relative;
  margin: 10rem auto 0;
  width: 47.5rem;
}
.finish .finish_img{
  position: relative;
  width: 45.7rem;
}
.finish .finish_img::before{
  position: absolute;
  content: "";
  background: url(../img/img05_line.png) no-repeat;
  background-size: 100%;
  width: 46rem;
  height: 68rem;
  top: 0;
  left: -1.5rem;
}
.finish_txt.up{
  position: absolute;
  top: 6rem;
  left: -7rem;
}
.finish_txt.rg{
  position: absolute;
  top: 34rem;
  right: -8rem;
  color: #446459;
}
.finish_txt.down{
  position: absolute;
  bottom: 5rem;
  left: 0;
  color: #446459;
}
/*----------------------//finish--------------*/

/*----------------------footer_item--------------*/
.footer_item{
  margin: 10rem auto 0;
}
.po_txt{
  position: absolute;
  transform: rotate(-13deg);
  top: -4rem;
  left: -4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: jeanne-moderno,serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.5rem;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background: #DE8E94;
}
.item_buy{
  position: relative;
  padding: 5rem 5rem 7rem;
  margin: auto;
  width: 80rem;
  border-radius: 1rem;
  background: #91A9B5;
}

.item_buy .item_img{
  width: 24rem;
}
.item_buy .item_txt{
  margin-left: 7rem;
  max-width: 34.8rem;
  width: 100%;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.item_buy .item_txt h4{
  font-size: 2rem;
  text-align: center;
}
.item_buy .item_txt h4 span{
  display: inline-block;
  position: relative;
  padding: 0 2rem;
}
.item_buy .item_txt h4 span::before {
  position: absolute;
  content: " ";
  background: url(../img/star_icon.png) no-repeat;
  background-size: 100%;
  width: 1.6rem;
  height: 1.9rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.item_buy .item_txt h4 span::after {
  position: absolute;
  content: " ";
  background: url(../img/star_icon.png) no-repeat;
  background-size: 100%;
  width: 1.6rem;
  height: 1.9rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.item_buy .item_txt .name{
  margin-top: 4rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-align: center;
}
.item_buy .item_txt .price{
  margin-top: 1.5rem;
  font-size: 1.8rem;
  text-align: center;
}
.buyBtn a{
  margin: 2rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27.8rem;
  height: 5.5rem;
  font-family:jeanne-moderno,serif;
  font-weight:400;
  font-style:normal;
  font-size: 2.2rem;
  border-radius: 1rem;
  color:#DE8E94;
  background: #fff;
}
.buyBtn a:hover{
  background-color: #DE8E94;
  color: #fff;
  transition: 0.3s linear;
}

.credit_area{
  margin: 14rem auto 0;
}
.credit_area h3{
  font-family:jeanne-moderno,serif;
  font-weight:400;
  font-style:normal;
  font-size: 2.5rem;
  color: #DE8E94;
  text-align: center;
}
.credit_area .credit_txt{
  margin-top: 3rem;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2rem;
  line-height: 3.4rem;
  text-align: center;
}
.checkBtn_area{
  margin: 10rem auto 0;
}
.checkBtn_area span{
  display: block;
}
.checkBtn_area a{
  padding: 1.3rem 0;
  margin: auto;
  width: 40rem;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  background: #DE8E94;
  border-radius: 1rem;
}
.checkBtn_area .jp_txt{
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
}
.checkBtn_area .check{
  font-family: jeanne-moderno,serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.2rem;
}

.line_btn a{
  margin: 4rem auto 0;
  width: 40rem;
  padding: 1rem 11rem;
  background: #05b804;
  border-radius: 1rem;
}


/*----------------------//footer_item--------------*/








/*Smart phone---------------------------------------------*/
@media screen and  (max-width:767px) {
  .LP_page .page_inner {
    padding-bottom: calc(100* (100vw / 375));
  }
  .LP_page .pc_only{
    display: none;
  }
  .LP_page .sp_only{
    display: block;
  }

  .LP_page{
    overflow: hidden;
  }
  .nav_area li a{
    color: #000;
  }
  .LP_page .flexBox{
    flex-wrap: wrap;
  }
  #footer {
    border-top: none;
  }

  .txtbox.fadeup {
    transition-delay: 1s;
 }
 .item_inner.fadeup {
   transition-delay: 0.5s;
 }
/*------mv----------------------------*/
.mv_area {
  padding: calc(80* (100vw / 375)) 0;
}
.mv_area .mv_main{
  width: calc(355* (100vw / 375));
}
.mv_main .mv_img{
  width: calc(355* (100vw / 375));
}
.mv_main .mv_img::before{
  position: absolute;
  content: "";
  background: url(../img/square_icon.png) no-repeat;
  background-size: 100%;
  width: calc(30* (100vw / 375));
  height: calc(30* (100vw / 375));
  top: calc(80* (100vw / 375));
  left: calc(-10* (100vw / 375));
}
.mv_main .mv_img::after{
  position: absolute;
  content: "";
  background: url(../img/triangle_icon.png) no-repeat;
  background-size: 100%;
  width: calc(50* (100vw / 375));
  height: calc(42* (100vw / 375));
  left: calc(28* (100vw / 375));
  bottom: calc(-12* (100vw / 375));
}
.mv_main .mv_item{
  position: absolute;
  width: calc(211* (100vw / 375));
  top: calc(-40* (100vw / 375));
  right: 0;
}

.mv_title{
  margin-top: calc(60* (100vw / 375));
}
.mv_title .mv_name{
  font-size: calc(45* (100vw / 375));
  line-height: calc(55* (100vw / 375));
}
.mv_title .mv_name .enSmall{
  margin-top: calc(15* (100vw / 375));
  font-size: calc(18* (100vw / 375));
  line-height: calc(22* (100vw / 375));
}
.mv_title .mv_subtxt{
  margin-top: calc(45* (100vw / 375));
  font-size: calc(15* (100vw / 375));
}
.mv_title .mv_subtxt::before{
  position: absolute;
  content: "";
  width: calc(30* (100vw / 375));
  height: 1px;
  top: calc(-10* (100vw / 375));
}
/*---------------------------//mv------*/


/*--all--------------------------*/
.img_border{
  border-radius: calc(10* (100vw / 375));
}
.sec-ttl{
  font-size: calc(35* (100vw / 375));
  line-height: calc(45* (100vw / 375));
}
.item_description{
  font-size: calc(15* (100vw / 375));
  line-height: calc(25.5* (100vw / 375));
}
.item_description.nowrap,
.step02 .item_description.nowrap{
  white-space: nowrap;
}
.con_txt{
  font-size: calc(13* (100vw / 375));
}
.finish_txt{
  font-size: calc(32* (100vw / 375));
}
/*----------------------------//all-----*/



/*--------------------SeasonalStyling--------------------------*/
.SeasonalStyling{
  width: 100%;
  margin: 0 auto;
}
.SeasonalStyling .item_inner{
  width: 100%;
}
.SeasonalStyling .item_inner .imgbox{
  width: calc(295* (100vw / 375));
}
.SeasonalStyling .imgbox .sec-ttl{
  top: calc(60* (100vw / 375));
  left: calc(130* (100vw / 375));
  text-align: center;
}
.SeasonalStyling .imgbox .con_img{
  margin-left: calc(20* (100vw / 375));
  width: calc(295* (100vw / 375));
}
.SeasonalStyling .imgbox .con_img::before{
  position: absolute;
  content: "";
  background: url(../img/img01_line.png) no-repeat;
  background-size: 100%;
  width: calc(295* (100vw / 375));
  height: calc(400* (100vw / 375));
  top: 0;
  left: calc(10* (100vw / 375));
}

.SeasonalStyling .item_inner .txtbox{
  margin: calc(30* (100vw / 375)) auto 0;
  max-width: calc(285* (100vw / 375));
  width: 100%;
}
.SeasonalStyling .txtbox .Seasonal_btn{
  font-size: calc(16* (100vw / 375));
  width: calc(252* (100vw / 375));
  height: calc(38* (100vw / 375));
  border-radius: calc(10* (100vw / 375));
}
.SeasonalStyling .txtbox .item_description{
  margin-top: calc(20* (100vw / 375));
}
/*----------------------//SeasonalStyling--------------*/



/*--------------------howTo--------------------------*/
.howTo{
  width: 100%;
  margin: calc(100* (100vw / 375)) auto 0;
}
.howTo .sec-ttl{
  font-size: calc(30* (100vw / 375));
  line-height: calc(36* (100vw / 375));
}
.howTo .item_inner{
  margin: calc(70* (100vw / 375)) auto 0;
  width: calc(315* (100vw / 375));
}
.howTo .item_inner .imgbox,
.howTo .item_inner .con_img{
  width: calc(315* (100vw / 375));
  margin: auto;
}
.howTo .imgbox .con_txt span::before{
  position: absolute;
  content: "";
  background: url(../img/pink_iconSp.png) no-repeat;
  background-size: 100%;
  width: calc(18* (100vw / 375));
  height: calc(18* (100vw / 375));
  bottom: calc(-30* (100vw / 375));
  left: calc(25* (100vw / 375));
}
.howTo .step02 .con_txt span::before{
  bottom: calc(-30* (100vw / 375));
  left: calc(228* (100vw / 375));
}
.howTo .imgbox .con_txt{
  padding: calc(16* (100vw / 375));
  top: calc(-30* (100vw / 375));
  left: 0;
  right: 0;
  margin: auto;
  border-radius: calc(10* (100vw / 375));
}
.howTo .item_inner .txtbox{
  margin-top: calc(30* (100vw / 375));
  margin-left: auto;
  max-width: calc(295* (100vw / 375));
  width: 100%;
}
.howTo .txtbox .step_icon{
  font-size: calc(15* (100vw / 375));
}
.howTo .txtbox .step_icon::before{
  width: calc(45* (100vw / 375));
  height: calc(45* (100vw / 375));
  left: calc(-18* (100vw / 375));
}
.howTo .txtbox .step_icon span{
  font-size: calc(20* (100vw / 375));
}
.howTo .txtbox .item_description{
  margin-top: calc(10* (100vw / 375));
}
.howTo .item_inner.step02{
  flex-direction: inherit;
  margin: calc(90* (100vw / 375)) auto 0;
}
.howTo .item_inner.step02 .txtbox {
  margin: calc(30* (100vw / 375)) 0 0 auto;
  max-width: calc(295* (100vw / 375));
  width: 100%;
}
.howTo .item_inner.step02 .imgbox{
  margin: auto;
}
.howTo .item_inner.step02 .imgbox .con_txt{
  top: calc(-30* (100vw / 375));
  left: calc(17* (100vw / 375));
}

.howTo .item_inner.step03{
  margin: calc(60* (100vw / 375)) auto 0;
}
.howTo .item_inner.step03 .txtbox {
  margin-top: calc(30* (100vw / 375));
}
/*----------------------//howTo--------------*/


/*-------------------finish--------------------*/
.finish{
  margin: calc(100* (100vw / 375)) auto 0;
  width: 100%;
}
.finish .finish_img{
  margin-right: calc(15* (100vw / 375));
  margin-left: auto;
  width: calc(310* (100vw / 375));
}
.finish .finish_img::before{
  position: absolute;
  content: "";
  background: url(../img/img05_line.png) no-repeat;
  background-size: 100%;
  width: calc(310* (100vw / 375));
  height: calc(463* (100vw / 375));
  top: 0;
  left: calc(-10* (100vw / 375));
}
.finish_txt.up{
  position: absolute;
  top: calc(32* (100vw / 375));
  left: calc(20* (100vw / 375));
}
.finish_txt.rg{
  position: absolute;
  top: calc(245* (100vw / 375));
  right: calc(10* (100vw / 375));
}
.finish_txt.down{
  position: absolute;
  bottom: calc(35* (100vw / 375));
  left: calc(55* (100vw / 375));
}
/*----------------------//finish--------------*/


/*----------------------footer_item--------------*/
.footer_item{
  margin: calc(120* (100vw / 375)) auto 0;
}
.po_txt{
  position: absolute;
  transform: rotate(-13deg);
  top: calc(-60* (100vw / 375));
  left: calc(15* (100vw / 375));
  font-size: calc(19* (100vw / 375));
  width: calc(96* (100vw / 375));
  height: calc(96* (100vw / 375));
}
.item_buy{
  padding: calc(50* (100vw / 375)) calc(33* (100vw / 375));
  width: calc(345* (100vw / 375));
  border-radius: calc(10* (100vw / 375));
}
.item_buy .item_img{
  margin: auto;
  width: calc(240* (100vw / 375));
}
.item_buy .item_txt{
  margin: calc(30* (100vw / 375)) auto 0;
  max-width: 100%;
  width: 100%;
}
.item_buy .item_txt h4{
  font-size: calc(16* (100vw / 375));
  white-space: nowrap;
}
.item_buy .item_txt h4 span{
  padding: 0 calc(20* (100vw / 375));
}
.item_buy .item_txt h4 span::before,
.item_buy .item_txt h4 span::after  {
  width: calc(14* (100vw / 375));
  height: calc(17* (100vw / 375));
}
.item_buy .item_txt .name{
  margin-top: calc(30* (100vw / 375));
  font-size: calc(15* (100vw / 375));
  line-height: calc(21* (100vw / 375));
}
.item_buy .item_txt .price{
  margin-top: calc(20* (100vw / 375));
  font-size: calc(15* (100vw / 375));
}
.buyBtn a{
  margin: calc(30* (100vw / 375)) auto 0;
  width: calc(278* (100vw / 375));
  height: calc(55* (100vw / 375));
  font-size: calc(22* (100vw / 375));
  border-radius: calc(10* (100vw / 375));
}

.credit_area{
  margin: calc(100* (100vw / 375)) auto 0;
}
.credit_area h3{
  font-size: calc(22* (100vw / 375));
}
.credit_area .credit_txt{
  margin-top: calc(10* (100vw / 375));
  font-size: calc(15* (100vw / 375));
  line-height: calc(25.5* (100vw / 375));
}
.checkBtn_area{
  margin: calc(80* (100vw / 375)) auto 0;
}
.checkBtn_area a{
  padding: calc(15* (100vw / 375)) 0;
  width: calc(315* (100vw / 375));
  line-height: 1.8;
  border-radius: calc(10* (100vw / 375));
}
.checkBtn_area .jp_txt{
  font-size: calc(16* (100vw / 375));
}
.checkBtn_area .check{
  font-size: calc(22* (100vw / 375));
}

.line_btn a{
  margin: calc(25* (100vw / 375)) auto 0;
  width: calc(315* (100vw / 375));
  padding: calc(8* (100vw / 375)) calc(90* (100vw / 375));
  border-radius: calc(10* (100vw / 375));
}
/*----------------------//footer_item--------------*/
}




/*---------------------------------------------Smart phone*/

/*pcのみ--------------------------------------------------*/
@media screen and  (min-width:768px) {
  .only_sp {
    display: none;
  }
}
/*--------------------------------------------------pcのみ*/

/*レスポンシブ＆タブレット対応-------------------------------*/
@media screen and (max-width: 1200px){
  html {
    font-size: calc(10 * (100vw / 1200));
  }
}
/*-------------------------------レスポンシブ＆タブレット対応*/