.float-btn {
    position:sticky;
    bottom:0;
    margin:auto;
    }
.lpcam {
  width: 750px;
  max-width: 100%;
  margin: 0 auto 30px;
}

.lpcam > div {
  width: 100%;
}

.lpcam img,
.lpcam video {
  display: block;
  width: 100%;
  height: auto;
}
/* pc、スマホのみ表示用 */
.pc { display: block !important; }
.sp { display: none !important; }

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

/* 調整用 */
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}

.f8 {font-size: 8px}
.f14 {font-size: 14px}

img {
    max-width: 100%; /* 親要素の幅に合わせて縮小 */
    height: auto;   /* アスペクト比を維持 */
}

/* 基本設定 */

html{
 font-size: 62.5%;
}
body{
 margin: 0;
 padding: 0;
 font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, sans-serif;
}
.border-wave{
 width: 150px;
 display: block;
 margin: 7vh auto 2vh
}
.br-tab{
 display: none;
}
.br-sp{
 display: none;
}
p {
 font-size: 1.8rem;
}
.caption {
  font-size:1.8rem;
  margin-bottom: 20px;
}
h2{
 font-size: 2.8rem;
text-align: center;
}
h3 {
 font-size: 2.6rem;
}

/* headerのスタイル */
.header-box ul{
 display: flex;
 justify-content: right;
 align-items: center;
 margin-top: 1vh;
 margin-bottom: 1vh;
}
.header-box li{
 list-style: none;
}
.header-box li a{
 display: block;
 font-size: 1.4rem;
 text-decoration: none;
 color: #000;
 padding-left: 30px;
 margin-left: 25px;
}
.header-box .list-1 a{
 background: url(/lp_media/elizabeth/my.svg) no-repeat left center;
}
.header-box .list-2 a{
 background: url(/lp_media/elizabeth/faq-buyer.svg) no-repeat left center;
}
.header-box .list-3 a{
 background: url(/lp_media/elizabeth/login.svg) no-repeat left center;
}
.header-box .list-4{
 width: 120px;
}
.header-box .list-4 a{
 padding: 0;
}
.header-box .list-4 img{
 width: 100%;
 vertical-align: middle;
}

@media screen and (max-width: 600px){
.header-box{
 display: none;
	}
}

/* 色付き背景送料無料のスタイル */

.color-box-pc{
 width: 100%;
 background-color: #00A23D;
}
.color-box-pc img{
 display: block;
 margin: 0 auto;
}
@media screen and (max-width: 600px){
 .color-box-pc{
   display: none;
 }
}

/* 電話番号のスタイル */

.tell-box{
 background-color: #000;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: end;
 padding: 10px 0 10px 100px;
}
.tell-box p{
 margin: 0;
}
.tell-box .number-text{
 font-size: 5rem;
 font-weight: 600;
 line-height: 1;
}
.tell-box .caption{
 margin-left: 10px;
}

@media screen and (max-width: 1200px){
 .tell-box{
   display: none;
 }
}

/* トップ画像のスタイル */

.top-box .pc-top{
 position: relative;
}
.top-box .pc-top .top-animal-img{
 width: 100%;
 z-index: 0;
 margin-bottom: 10px;
}
.top-box .sp-top .top-animal-img{
 width: 100%;
}
.top-box .pc-top .top-food-img{
 position: absolute;
 top: -12vw;
 left: -22vw;
 z-index: 2;
 width: 70vw;
}
.top-box .sp-top .top-food-img{
 position: absolute;
 top: -3vw;
 left: -18vw;
 z-index: 2;
 width: 100vw;
}
.top-box .pc-top .top-logo{
 position: absolute;
 top: 7vw;
 left: 6.6vw;
 width: 28vw;
 z-index: 2;
}
.top-box .top-under{
 display: flex;
 justify-content: center;
}
.top-box .top-under a{
 margin-right: 30px;
}
.top-box .top-under .buy-button{
 width: 200px;
}
.top-box .sp-top{
 display: none;
}
.top-box .top-under-sp{
 display: none;
 margin: 2vh 0;
}
.top-box .top-under-sp img{
 width: 100%;
}
.top-box .souryoumuryou{
 display: none;
}
.top-box .souryoumuryou img{
 width: 100%;
}
.top-box .souryoumuryou .green-wrap{
 background-color: #00A23D;
 padding: 1vh 0;
}
.top-box .souryoumuryou .content-box{
 margin: 0 auto;
 width: fit-content;
}
.top-box .souryoumuryou p{
 color: #FFF000;
 letter-spacing: 2px;
}
.top-box .souryoumuryou .text1{
 margin: 0;
 font-size: 1.4rem;
 font-weight: 600;
}
.top-box .souryoumuryou .text2{
 font-size: 2.7rem;
 font-weight: 600;
 margin: 0;
}
@media screen and (max-width: 1200px){
 .top-box .pc-top .top-food-img{
   top: -5vw;
 }
 .top-box .pc-top .top-logo{
   top: 12vw;
 }
 .top-box .top-under a{
   display: none;
 }
 .top-box .top-under img{
   width: 80vw;
 }
}

/* 掲載情報のスタイル */

.keisai-box{
 max-width: 1000px;
 margin: 12vh auto;
 letter-spacing: 2px;
 line-height: 1.6;
}
.keisai-box h2{
 font-size: 3.5rem;
 color: #F75C7B;
 text-align: center;
 margin-bottom: 3vh;
}
.keisai-pc{
 display: block;
 width: 100%;
 margin: 0 auto;
}
.keisai-box p{
 margin: 20px;
}

@media screen and (max-width: 1200px){
 .keisai-box{
   margin: 0 auto;
 }
 .keisai-pc{
   width: 95%;
 }
}

/* ずっと食べてもらうためにエリザベスキャットフードの安心を紹介します。 */

.anshin-box{
 max-width: 1000px;
 margin: 0 auto;
 letter-spacing: 2px;
 padding: 0 3%;
}
.anshin-box h2{
 text-align: center;
 margin-bottom: 6vh;
}
.anshin-box > p{
 margin-bottom: 4vh;
 line-height: 1.6;
}
.anshin-box p{
 text-align: center;
}
.anshin-box img{
 height:130px;
 margin: 0 auto 20px;
}
.anshin-box .content-box{
 display: flex;
 justify-content: space-evenly;
 align-items: baseline;
}
.anshin-box .content{
 width: 24%;
}
@media screen and (max-width: 600px){
.anshin-box img{
 height:auto;
 margin: 0 auto 20px;
}
}

/* 購入バナー */

.buy-banner-pc{
 background-color: #000;
 padding: 25px;
 margin: 14vh 0 8vh;
}
.buy-banner-pc .banner-container{
 max-width: 1000px;
 margin: 0 auto;
 justify-content: center;
 position: relative;
}
.buy-banner-pc .banner-content{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 width: 65%;
}
.buy-banner-pc .logo{
 width: 75%;
 position: relative;
 right: -78px;
 margin-bottom: 20px;
}
.buy-banner-pc p{
 color: #fff;
 margin-bottom: 20px;
}
/*　ロニー用　*/
.buy-banner-pc .package{
 position: absolute;
 right: 0px;
 top: -115px;
 width: 327px;
}
@media screen and (max-width: 1200px){
 .buy-banner-pc{
   margin: 14vh 0 9vh;
 }
 .buy-banner-pc .package{
   top: -80px;
   width: 25vw;
 }
}

/* グレインフリー */

.section01-box{
 overflow: hidden;
 padding: 0 3%;
}
.section01{
 max-width: 1000px;
 margin: 0 auto 4vh;
}
.section01 .title{
 font-family: "Roboto Mono", monospace;
 font-weight: 400;
 font-style: normal;
 font-size: 2.8rem;
 text-align: center;
 color: black;
 -webkit-text-fill-color: white;
 -webkit-text-stroke: 1.2px black;
 letter-spacing: 1;
 margin: 30px 0;
}
.section01 h2{
 text-align: center;
 letter-spacing: 2px;
 margin-bottom: 8vh;
}
.section01 .content-box{
 position: relative;
}
.section01 .caption{
 line-height: 1.6;
 letter-spacing: 2px;
}
.section01 .text{
 width: 550px;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.section01 .img-section01-1{
 width: 250px;
}
.section01 .topics-img{
 position: absolute;
 top: -255px;
 left: 500px;
 max-width: 100%;
}
@media screen and (max-width: 1200px){
  .section01{
    margin: 0 auto;
  }
  .section01 h2{
    margin-bottom: 3vh;
  }
  .section01 .text{
    text-align: center;
    margin: 0 auto;    
  }
  .section01 .img-section01-1{
    position: absolute;
    top: 0;
    left: 55vw;
    opacity: 0.2;
  }
  .section01 .topics-img{
    position: static;
    display: block;
    width: 70%;
    margin: 0 auto;
  }
}

/* サーモン */
.section02-box{
  overflow: hidden;
  padding: 0 2%;
}
.section02{
  max-width: 1000px;
  margin: 0 auto 8vh;
}
.section02 .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  letter-spacing: 1;
  margin: 30px 0;
}
.section02 h2{
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 8vh;
}
.section02 .content-box{
  position: relative;
}
.section02 .caption{
  line-height: 1.6;
  letter-spacing: 2px;
}
.section02 .text{
  width: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 0 auto;
}
.section02 .img-section02-1{
  width: 200px;
}
.section02 .topics-img{
  position: absolute;
  top: -40px;
  left: -170px;
  z-index: -2;
}
@media screen and (max-width: 1200px){
  .section02{
    margin: 0 auto;
  }
  .section02 h2{
    margin-bottom: 3vh;
  }
  .section02 .text{
    text-align: center;
    margin: 0 auto;
  }
  .section02 .img-section02-1{
    margin-right: 20vw;
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 5vw;
    opacity: 0.2;
  }
  .section02 .topics-img{
    position: static;
    display: block;
    width: 50%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px){
 .section02 .text{
   width: 100%;
 }
 .section02 .topics-img{
   width: 100%;
 }
}

/* 食材 */
.kinds{
  max-width: 750px;
  margin: 30px 0;
  padding: 0 3%;
  position: relative;
}
.kinds .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.kinds h2{
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 6vh;
}
.kinds h3{
  text-align: center;
  margin-top: 3vh;
}
.kinds .caption{
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.6;
}
.kinds6-box{
  display: none;
  margin: 4vh 0;
}
.kinds6{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.kinds6 img{
  border-radius: 1000px;
  width: 23%;
  margin: 10px;
}
.kinds .meal-box{
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 3em 0;
  padding: 3em 0;
  position: relative;
}
.kinds .meal-box::before{
  content: " ";
  position: absolute;
  top: 0;
  left: 45%;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid black;
}
.kinds .meal-box::after{
  content: " ";
  position: absolute;
  top: -2px;
  left: 45%;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid white;
}
.kinds summary{
  font-size: 2.2rem;
  text-align: center;
  list-style: none;
  cursor: pointer;
}
.kinds details[open] > summary > .open-trg ,
.kinds details:not([open]) > summary > .close-trg {
display: none;
}
.kinds summary::-webkit-details-marker {
  display:none;
}
.kinds ul{
  list-style: none;
  transform: translateY(-10px);
  opacity: 0;
  transition: transform 1s, opacity 1s;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.kinds details[open] ul {
  transform: none;
  opacity: 1;
}
.kinds ul li{
  display: inline-block;
  width: 12%;
  vertical-align: top;
  text-align: center;
  margin: 0 8px 20px;
}
.kinds ul li img{
  border-radius: 1000px;
  width: 80px;
  transition: all .5s;
  margin:0 auto 10px;
}
.kinds ul li img:hover{
  transform: scale(1.5);
}
.kinds ul li h4{
  font-size: 1.3rem;
  font-weight: 400;
}
.kinds ul li p{
  font-size: 1.2rem;
}
@media screen and (max-width: 1200px){
  .kinds h2{
    margin-bottom: 3vh;
  }
}

/* 腸の調子に悩んでいませんか？ */
.gut-healthy{
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3%;
  position: relative;
}
.gut-healthy .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.gut-healthy h2{
  text-align: center;
  letter-spacing: 2;
  margin-bottom: 6vh;
}
.gut-healthy .caption-box{
  margin-right: 20px;
  width: 550px;
}
.gut-healthy .caption{
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 0;
}
.gut-healthy .flex{
  display: flex;
  align-items: flex-start;
}
.gut-healthy-table{
  border-collapse: collapse;
  margin: 0 auto;
  font-size: 1.6rem;
  text-align: center;
}
.gut-healthy-table td{
  border: solid 1px #000;
  padding: 13px 15px;
}
@media screen and (max-width: 1200px){
  .gut-healthy h2{
    margin-bottom: 3vh;
  }
  .gut-healthy .caption-box{
    margin: 3vh 6vw 0;
    text-align: center;
    width: 100%;
  }
  .gut-healthy .flex{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

/* スーパーフード */
.super-food{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3%;
  position: relative;
}
.super-food .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.super-food h2{
  text-align: center;
  letter-spacing: 2;
}
.super-food h3{
  text-align: center;
  margin-bottom: 0;
}
.super-food .caption{
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 3vh;
}
.super-food .food-img{
  display: block;
  margin: 4vh auto 6vh;
}
@media screen and (max-width: 1200px){
  .super-food .content{
    margin: 0 auto;
  }
  .super-food .food-img{
    width: 50%;
  }
}

/* 食いつきに悩んでいたら是非試してみてください。 */
.deep-taste{
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3%;
  position: relative;
}
.deep-taste .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.deep-taste h2{
  text-align: center;
  margin-bottom: 6vh;
}
.deep-taste .caption-box{
  margin-right: 20px;
}
.deep-taste .caption{
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 0;
}
.deep-taste .flex{
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1200px){
  .deep-taste h2{
    margin-bottom: 3vh;
  }
  .deep-taste .caption-box{
    margin: 3vh 6vw 0;
    text-align: center;
  }
  .deep-taste .flex{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}

/* カロリー控えめのロニーキャットフード */
.calorie{
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3%;
  position: relative;
}
.calorie .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.calorie h2{
  text-align: center;
  margin-bottom: 6vh;
}
.calorie .caption-box{
  margin-right: 20px;
}
.calorie .caption{
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 0;
}
.calorie .flex{
  display: flex;
  align-items: flex-start;
}
.calorie-table{
  border-collapse: collapse;
  margin: 3vh auto;
  width: 75%;
  font-size: 1.6rem;
  text-align: center;
}
.calorie-table td{
  border: solid 1px #000;
  padding: 20px 10px;
}
.calorie img{
  width: 380px;
}
@media screen and (max-width: 1200px){
  .calorie h2{
    margin-bottom: 3vh;
  }
  .calorie .caption-box{
    margin: 3vh 3vw 0;
    text-align: center;
  }
  .calorie .flex{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}

/* 給与量少なめで内臓の負担に配慮 */
.feeding-amount{
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 2%;
  position: relative;
}
.feeding-amount .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white; /* （順序に関係なく）色を上書きする */
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.feeding-amount h2{
  text-align: center;
  margin-bottom: 6vh;
}
.feeding-amount .caption-box{
  margin-right: 20px;
}
.feeding-amount .caption{
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 0;
}
.feeding-amount .flex{
  display: flex;
  align-items: flex-start;
}
.feeding-amount-table{
  border-collapse: collapse;
  margin: 3vh auto;
  width: 75%;
  font-size: 1.6rem;
  text-align: center;
}
.feeding-amount-table td{
  border: solid 1px #000;
  padding: 20px 10px;
}
.feeding-amount img{
  width: 380px;
}
@media screen and (max-width: 1200px){
  .feeding-amount h2{
    margin-bottom: 3vh;
  }
  .feeding-amount .caption-box{
    margin: 3vh 3vw 0;
    text-align: center;
  }
  .feeding-amount .flex{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
}

/* 8つの健康サポート */
.support{
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3%;
  position: relative;
}
.support .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}

.support h2{
  text-align: center;
  margin-bottom: 6vh;
}
.support .center-caption{
  letter-spacing: 2px;
  line-height: 1.6;
  text-align: center;
}
.support .circle-img{
  display: block;
  width: 60%;
  margin: 0 auto;
}
.support .content{
  max-width: 800px;
  margin: 0 auto;
}
.support .content h3{
  font-weight: 600;
  text-align: center;
  margin: 5vh 0;
}
.support .content img{
  width: 37%;
}
.support .caption-box{
  margin-right: 30px;
}
.support .caption{
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 0;
}
.support .flex{
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1200px){
  .support h2{
    margin-bottom: 3vh;
  }
  .support .caption-box{
    margin-top: 3vh;
    margin-right: 0;
    text-align: center;
  }
  .support .flex{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
    .support .content h3 {
        margin: 5vh 0 0;
    }
}
@media screen and (max-width: 600px) {
    .support .circle-img {
        width: 100%;
    }
    .support .content img {
        width: 60%;
    }
    .support .center-caption {
        margin: 0 0 3vh;
    }
}

/* safety */
.safety{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3%;
  position: relative;
}
.safety .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.safety h2{
  text-align: center;
  margin-bottom: 3vh;
}
.safety .caption{
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.6;
}
.safety .flex{
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 850px;
  margin: 0 auto;
  padding: 0;
}
.safety .flex li{
  width: 20%;
  margin: 1%;
}
.safety .fs-small{
  font-size: small;
  margin-top: 0;
  text-align: center;
}

/* Non Oil Coating */
.non-oil-coating{
  max-width: 1000px;
  margin: 6vh auto 0;
  padding: 0 2%;
}
.non-oil-coating .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.non-oil-coating h2{
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 4vh;
}
.non-oil-coating h3{
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.non-oil-coating .caption{
  text-align: center;
  letter-spacing: 2px;
  line-height: 1.6;
  margin-bottom: 4vh;
}
.non-oil-coating .food-img1,
.non-oil-coating .food-img2,
.non-oil-coating .food-img3{
  display: block;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1200px){
  .non-oil-coating .food-img3{
    width: 100%;
  }
    .non-oil-coating h3 {
        margin: 3vh;
    }
}

/* Original bag */

.original-bag{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 2%;
}
.original-bag .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.original-bag h2{
  text-align: center;
  margin-bottom: 6vh;
}
.original-bag .flex1,
.original-bag .flex2{
  display: flex;
  align-items: flex-start;
  margin-bottom: 4vh;
}
.original-bag .flex1 .caption-box{
  margin-right: 20px;
}
.original-bag .flex2 .caption-box{
  margin-left: 20px;
}
.original-bag .caption{
  letter-spacing: 2px;
  line-height: 1.6;
  margin-top: 0;
}
@media screen and (max-width: 1200px){
  .original-bag h2{
    margin-bottom: 3vh;
  }
  .original-bag .caption-box{
    margin-top: 3vh;
    text-align: center;
  }
  .original-bag .flex1{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .original-bag .flex2{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .original-bag .flex1 .caption-box,
  .original-bag .flex2 .caption-box{
    margin-right: 0;
    margin-left: 0;
  }
}

/* キャットフードの画像 */
.ronnie-img{
  width: 100%;
  height: 398px;
  text-align: center;
  background-image: url(/lp_media/elizabeth/elizabeth-image1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
}
.ronnie-img .logo-img{
  width: 300px;
  height: auto;
}
.ronnie-img-sp{
  display: none;
  width: 100%;
  margin: 4vh 0;
  text-align: center;
  background-image: url(/lp_media/elizabeth/erizabeth-image1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.ronnie-img-sp .logo-img{
  width: 60vw;
  height: auto;
  padding: 50px 0;
  margin: 0 auto;
}


/* ベルギー */

.belgium-box{
  overflow: hidden;
}
.belgium{
  max-width: 1000px;
  margin: 0 auto;
}
.belgium .title{
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
  font-style: normal;
  font-size: 2.8rem;
  text-align: center;
  color: black;
  -webkit-text-fill-color: white;
  -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.belgium h2{
  letter-spacing: 2px;
}
.belgium h3{
  letter-spacing: 2px;
  margin:3vh;
  text-align:center;
}
.belgium h4{
  font-size: 2.3rem;
  letter-spacing: 2px;
  margin: 0 0 3vh;
}
.belgium .flex{
  display: flex;
  align-items: center;
  position: relative;
  margin: 8vh 0 14vh;
}
.belgium .flex2{
  display: flex;
  align-items: flex-start;
  margin-bottom: 6vh;
}
.belgium .caption-box{
  width: 60%;
}
.belgium .caption{
  text-align: left;
  letter-spacing: 2px;
  line-height: 1.6;
}
.belgium .small-caption{
  font-size: 1.2rem;
  text-align: left;
  letter-spacing: 2px;
  line-height: 1.6;
}
.belgium .caption-box2{
  margin-right: 25px;
}
.belgium .flex2 img{
  width: 380px;
}
.belgium .map-img{
  width: 60%;
  position: absolute;
  left: 640px;
}
.belgium .belgium-img{
  display: block;
  margin: 0 auto 50px;
}
@media screen and (max-width: 1200px){
  .belgium {
  padding:0 3%;
  }
  .belgium h4{
    text-align: center;
    margin: 3vh;
  }
  .belgium .caption-box{
    width: 100%;
  }
  .belgium .caption-box2{
    margin-right: 0;
  }
  .belgium .caption{
    text-align: center;
  }
  .belgium .map-img{
    position: static;
  }
  .belgium .flex{
    flex-direction: column;
    margin: 30px 0;
  }
  .belgium .flex2{
    flex-direction: column-reverse;
  }
  .belgium .flex2 img{
    width: 100%;
  }
  .belgium .belgium-img{
    width: 100%;
  }
}
/* voice */
.voice{
 max-width: 1000px;
 margin: 0 auto 8vh;
 padding: 0 3%;
}
.voice .title{
 font-family: "Roboto Mono", monospace;
 font-weight: 400;
 font-style: normal;
 font-size: 2.8rem;
 text-align: center;
 color: black;
 -webkit-text-fill-color: white;
 -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.voice h2{
 text-align: center;
 letter-spacing: 2px;
}
.voice h3{
 font-weight: normal;
 margin-top: 0;
}
.voice .caption{
 letter-spacing: 2px;
 line-height: 1.6;
}
.voice .flex{
 display: flex;
 align-items: center;
}
.voice .voice-box-left {
 position: relative;
 display: inline-block;
 margin: 1.5em 0 1.5em 15px;
 padding: 20px;
 min-width: 120px;
 max-width: 100%;
 font-size: 16px;
 background: #FFF;
 border: solid 3px #555;
 box-sizing: border-box;
 border-radius: 20px;
}
.voice .voice-box-left:before {
 content: "";
 position: absolute;
 top: 50%;
 left: -23px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-right: 12px solid #FFF;
 z-index: 2;
}
.voice .voice-box-left:after {
 content: "";
 position: absolute;
 top: 50%;
 left: -30px;
 margin-top: -14px;
 border: 14px solid transparent;
 border-right: 14px solid #555;
 z-index: 1;
}
.voice .voice-box-right {
 position: relative;
 display: inline-block;
 margin: 1.5em 15px 1.5em 0;
 padding: 20px;
 min-width: 120px;
 max-width: 100%;
 font-size: 16px;
 background: #FFF;
 border: solid 3px #555;
 box-sizing: border-box;
 border-radius: 20px;
}
.voice .voice-box-right:before {
 content: "";
 position: absolute;
 top: 50%;
 right: -23px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-left: 12px solid #FFF;
 z-index: 2;
}
.voice .voice-box-right:after {
 content: "";
 position: absolute;
 top: 50%;
 right: -30px;
 margin-top: -14px;
 border: 14px solid transparent;
 border-left: 14px solid #555;
 z-index: 1;
}
.voice .voice-box-right p,

.voice .voice-box-left p {
 margin: 0;
 padding: 0;
}

/* 商品詳細 */

.table-box{
  background-color: #F6B221;
 padding: 3vh 2%;
}
.table-box .title{
 font-family: "Roboto Mono", monospace;
 font-weight: 400;
 font-style: normal;
 font-size: 2.8rem;
 text-align: center;
 color: black;
 -webkit-text-fill-color: white;
 -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.table-box h2{
 text-align: center;
 color: #fff;
}
.table-box h3{
 text-align: center;
 color: #fff;
 font-weight: normal;
 margin: 3vh 0;
}
.table-box table{
 margin: 0 auto;
 font-size: 1.7rem;
 border-collapse: collapse;
 border-spacing: 0;
 background-color: #fff;
 color: #000;
}
.table-box tr{
 border-bottom: 1px #b3b3b3 solid;
}
.table-box tr:hover{
 background-color: #eee;
}
.table-box tr:last-child{
 border-bottom: none;
}
.table-box th{
 text-align: left;
 font-weight: normal;
 padding: 1vh 0;
}
.table-box .table-container{
 background-color: #FFF;
 width: 70vw;
 margin: 0 auto;
 padding: 10px 20px;
 border-bottom: #000 4px solid;
 overflow-x: auto;
}
.table-box .product-table ul{
 padding: 0 20px;
 margin: 1em;
}
.table-box .product-table th{
 width: 20%;
 padding-left: 20px;
}
.table-box .product-table tr:last-of-type {
 border: none;
}
.table-box .product-table td{
 padding: 18px;
 text-align: left;
}
.table-box .take-table-box{
 border-bottom: #000 4px solid;
 padding: 20px;
 background-color: #fff;
 margin: 0 auto 6vh;
 width: 40vw;
 overflow-x: auto;
}
.table-box .take-table td{
   padding: 15px;
}
.table-box .take-table th,

.table-box .take-table td{
 text-align: center;
 border-right: 1px #b3b3b3 solid;
 width: 17%;
}
.table-box .take-table th:last-child,

.table-box .take-table td:last-child{
 border-right: none;
}
.table-box .take-caption{
 font-size: 1.7rem;
 max-width: 1000px;
 margin: 0 auto 4vh;
 color: #fff;
}
.table-box .take-caption li{
 margin-bottom: 8px;
 list-style: inside;
}
.table-box .product-table li {
    list-style: disc;
}
@media screen and (max-width: 1200px) {
 .table-box .table-container{
   width: 100%;
   padding:10px;
 }
 .table-box .take-table-box{
   width: 100%;
 }
 .table-box .product-table td {
   padding: 18px 0 18px 18px;
   text-align: left;
}
}

/* FAQ */

.faq{
 max-width: 1000px;
 margin: 6vh auto;
 padding: 0 2%;
 position: relative;
}
.faq .title{
 font-family: "Roboto Mono", monospace;
 font-weight: 400;
 font-style: normal;
 font-size: 2.8rem;
 text-align: center;
 color: black;
 -webkit-text-fill-color: white;
 -webkit-text-stroke: 1.2px black;
  margin: 30px 0;
}
.faq h2{
 text-align: center;
 letter-spacing: 2px;
}
.faq .faq-content{
 margin-top: 6vh;
 margin-bottom: 4vh;
}
.faq .question{
 font-size: 2.6rem;
 font-weight: normal;
 background-image: url(/lp_media/elizabeth/f.svg);
 background-repeat: no-repeat;
 background-size: 40px 40px;
 margin-bottom: 30px;
 padding-left: 6vw;
 letter-spacing: 2px;
}
.faq .answer{
 font-size: 1.7rem;
 background-image: url(/lp_media/elizabeth/a.svg);
 background-repeat: no-repeat;
 background-size: 40px 40px;
 margin-bottom: 30px;
 padding-bottom: 3vh;
 padding-left: 6vw;
 letter-spacing: 2px;
 line-height: 1.6;
}
.faq .footsstep{
 position: absolute;
 width: 180px;
 bottom: 130px;
 right: -200px;
}@media screen and (max-width: 1200px){
 .faq .footsstep{
   display: none;
 }
}

/* 食材の画像 */

.ronnie-img2{
 width: 100%;
 height: 45vh;
 background-image: url(/lp_media/ronnie/ronnie-image2.png);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 8vh;
 margin-bottom: 8vh;
}
.ronnie-img2 .logo-img{
 width: 400px;
}@media screen and (max-width: 1200px){
 .ronnie-img2{
   height: 30vh;
 }
}

/* Best Price */

.under-section01{
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 margin-bottom: 12vh;
}
.under-section01 .title-img{
 width: 25%;
}
.under-section01 h3{
 margin-left: 30px;
 line-height: 2em;
}
.under-section01 .caption{
 letter-spacing: 2px;
 line-height: 1.6;
}
.under-section01 .price-span{
 padding: 0 10px;
 color: #FFF100;
 font-size: 3rem;
 background: url(/lp_media/elizabeth/deco-circle.svg);
 background-repeat: no-repeat;
 background-position: center;
 text-shadow: 0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}
.under-section01 .flex{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 5vh;
}
.under-section01 .caption-flex{
 display: flex;
 align-items: center;
 margin-bottom: 1vh;
}
.under-section01 .caption-box{
 width: 70%;
}
.under-section01 .content-img{
 width: 23%;
}
  .teiki-otoku-sp{
  display:none;
}

@media screen and (max-width: 1200px){
 .under-section01 .flex{
   margin-left: 3vw;
 }
 .under-section01 h3{
   margin-left: 15px;
 }
 .under-section01 .caption-flex{
   flex-direction: column;
 }
 .under-section01 .caption-box{
   width: 90%;
 }
  .teiki-otoku-pc{
  display:none;
  }
}

@media screen and (max-width: 600px){
 .under-section01 .title-img{
   width: 50%;
 }
 .under-section01 .flex{
  flex-direction: column;
  margin: 0;
 }
 .under-section01 h3{
  text-align: center;
  margin: 20px 1rem;
  line-height: normal;
  font-size:2.3rem;
 }
 .under-section01{
   margin-bottom: 4vh;
 }
 .under-section01 .content-img{
   width: 50%;
   margin-top: 4vh;
 }
}

/* All Ages & Breeds */

.under-section02{
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 margin-bottom: 12vh;
}
.under-section02 .title-img{
 width: 25%;
}
.under-section02 h3{
 font-size: 2.8rem;
 margin-left: 30px;
 line-height: 2em;
}
.under-section02 .caption{
 letter-spacing: 2px;
 line-height: 1.6;
}
.under-section02 .flex{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 5vh;
}
.under-section02 .caption-flex{
 display: flex;
 align-items: center;
 margin-bottom: 1vh;
}
.under-section02 .caption-box{
 width: 70%;
}
.under-section02 .content-img{
 width: 29%;
 margin-top: -130px;
}
@media screen and (max-width: 1200px){
 .under-section02 .flex{
   margin-left: 3vw;
 }
 .under-section02 h3{
   margin-left: 15px;
 }
 .under-section02 .caption-flex{
   flex-direction: column;
 }
 .under-section02 .caption-box{
   width: 90%;
 }
 .under-section02 .content-img{
   margin-top: 0;
 }
}
@media screen and (max-width: 600px){
 .under-section02 .title-img{
   width: 50%;
 }
 .under-section02 .flex{
  flex-direction: column;
 } 
 .under-section02 h3{
  text-align: center;
  margin: 20px 0;
  line-height: normal;
  font-size: 2.3rem;
 }
 .under-section02{
   margin-bottom: 4vh;
 }
 .under-section02 .content-img{
   width: 50%;
   margin-top: 4vh;
 }
}

/* Let's study */

.under-section03{
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 margin-bottom: 12vh;
}
.under-section03 .title-img{
 width: 25%;
}
.under-section03 h3{
 margin-left: 30px;
 line-height: 2em;
}
.under-section03 .caption{
 letter-spacing: 2px;
 line-height: 1.6;
}
.under-section03 .flex{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 5vh;
}
.under-section03 .caption-flex{
 display: flex;
 align-items: center;
 margin-bottom: 1vh;
}
.under-section03 .caption-box{
 width: 70%;
}
.under-section03 .content-img{
 width: 37%;
}
@media screen and (max-width: 1200px){
 .under-section03 .flex{
   margin-left: 3vw;
   margin: 0;
 }
 .under-section03 h3{
   margin-left: 15px;
 }
 .under-section03 .caption-flex{
   flex-direction: column;
 }
 .under-section03 .caption-box{
   width: 90%;
 }
}
@media screen and (max-width: 600px){
 .under-section03 .title-img{
   width: 50%;
 }
 .under-section03 .flex{
  flex-direction: column;
 } 
 .under-section03 h3{
  text-align: center;
  margin: 20px 0;
  line-height: normal;
  font-size: 2.3rem;
 } 
 .under-section03{
   margin-bottom: 4vh;
 }
 .under-section03 .content-img{
   width: 70%;
   margin-top: 4vh;
 }}

/* continue for 3 month */

.under-section04{
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 margin-bottom: 12vh;
}
.under-section04 .title-img{
 width: 25%;
}
.under-section04 h3{
 margin-left: 30px;
 line-height: 2em;
}
.under-section04 .caption{
  
 letter-spacing: 2px;
 line-height: 1.6;
}
.under-section04 .flex{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 5vh;
}
.under-section04 .caption-flex{
 display: flex;
 align-items: center;
 margin-bottom: 1vh;
}
.under-section04 .caption-box{
 width: 70%;
}
.under-section04 .content-img{
 width: 25%;
}

@media screen and (max-width: 1200px){
 .under-section04 .flex{
   margin-left: 3vw;
 }
 .under-section04 h3{
   margin-left: 15px;
 }
 .under-section04 .caption-flex{
   flex-direction: column;
 }
 .under-section04 .caption-box{
   width: 90%;
 }
}
@media screen and (max-width: 600px){
 .under-section04 .title-img{
   width: 50%;
 }
 .under-section04 .flex{
  flex-direction: column;
 } 
 .under-section04 h3{
  text-align: center;
  margin: 20px 0;
  line-height: normal;
  font-size: 2.3rem;
 } 
 .under-section04{
   margin-bottom: 4vh;
 }
 .under-section04 .content-img{
   width: 50%;
   margin-top: 4vh;
 }
}

/* subscription */

.under-section05{
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 margin-bottom: 12vh;
}
.under-section05 .title-img{
 width: 25%;
}
.under-section05 h3{
 margin-left: 30px;
 line-height: 2em;
}
.under-section05 .caption{
 letter-spacing: 2px;
 line-height: 1.6;
}
.under-section05 .flex{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-bottom: 5vh;
}
.under-section05 .caption-flex{
 display: flex;
 align-items: center;
 margin-bottom: 1vh;
}
.under-section05 .caption-box{
 width: 70%;
}
.under-section05 .content-img{
 width: 24%;
}

@media screen and (max-width: 1200px){
 .under-section05 .flex{
   margin-left: 3vw;
   margin: 0;
 }
 .under-section05 h3{
   margin-left: 15px;
 }
 .under-section05 .caption-flex{
   flex-direction: column;
 }
 .under-section05 .caption-box{
   width: 90%;
 }
}
@media screen and (max-width: 600px){
 .under-section05{
   margin-bottom: 0;
 }
 .under-section05 .title-img{
   width: 50%;
 }
 .under-section05 .flex{
  flex-direction: column;
 } 
 .under-section05 .content-img{
   display: none;
 }
 .under-section05 h3{
  text-align: center;
  margin: 20px 0;
  line-height: normal;
  font-size: 2.3rem;
 }
}

/* 定期購入の画像 */

.teiki-img{
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 margin-bottom: 6vh;
}
.teiki-img img{
 width: 75%;
}
.teiki-img .teiki-img-sp{
 display: none;
}

/* 珪藻土 */

.karari{
 max-width: 1000px;
 margin: 0 auto;
 margin-bottom: 12vh;
}
.karari img{
 display: block;
 margin: 0 auto 20px;
 max-width: 100%;
}
.karari h2{
 font-size: 2.4rem;
}
.karari .coution{
 font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
    .karari {
        margin-bottom: 6vh;
    }
}

/* ポリシーと資格 */

.shikaku-pc{
 max-width: 1000px;
 margin: 10vh auto;
 position: relative;
}
.shikaku-pc .caption{
 position: absolute;
 top: 115px;
 left: 130px;
}
.shikaku-pc .caption h2{
 font-size: 2.5rem;
 margin-bottom: 3vh;
}
.shikaku-pc .caption p{
 font-size: 1.6rem;
 text-align: center;
 margin-bottom: 20px;
}
.shikaku-pc img{
 width: 100%;
}
.shikaku-sp{
 margin: 4vh auto;
 position: relative;
 display: none;
}
.shikaku-sp img{
 width: 100%;
 margin-bottom: 2vh;
}
@media screen and (max-width: 1200px){
 .shikaku-pc .caption p{
   font-size: 1.4rem;
 }
}

/* ご注文 */

.order{
 max-width: 800px;
 margin: 0 auto;
}
.order .content{
 margin-bottom: 8vh;
}
.order h2{
 text-align: center;
 margin-bottom: 6vh;
}
.order h3{
 color: #FFF;
 background-color: #04A7D6;
 padding: 1em;
}
.order .title{
 font-size: 2.8rem;
 text-align: center;
 color: black;
 -webkit-text-fill-color: white;
 -webkit-text-stroke: 1.2px black;
 font-family: "Roboto Mono", monospace;
 font-weight: 400;
 font-style: normal;
}
.order p{
 font-size: 1.7rem;
 margin-top: 0;
 letter-spacing: 2px;
 line-height: 1.6;
 margin-bottom: 20px !important;
}
.order .order-img{
 display: block;
 margin: 0 auto 50px;
}
.order .flex{
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}
.order .teiki-img2{
 width: 100%;
}
.order .teiki-img2-sp{
 display: none;
 width: 100%;
}
.order .souryou-img{
 width: 80%;
}@media screen and (max-width: 1200px){
 .order .content{
   display: flex;
   flex-direction: column;
   align-items: center;
 }
}

/* 注意事項 */

.coution-point{
 border: 5px solid red;
 padding: 2em;
 max-width: 800px;
 margin: 0 auto;
 position: relative;
}
.coution-point p{
 margin-top: 0;
 margin-bottom: 0;
 letter-spacing: 2px;
 line-height: 1.6;
}
.coution-point details{
 text-align: center;
 transition: 5s;
}
.coution-point summary{
 cursor: pointer;
 list-style: none;
 color: #FFF;
 background-color: #E20000;
 padding: 0.5em 1.5em;
 font-size: 2rem;
 letter-spacing: 2px;
 display: inline-block;
 border-radius: 3px;
 box-shadow: 0 4px 8px 0 gray;
}
.coution-point details[open] > summary > .open-trg ,

.coution-point details:not([open]) > summary > .close-trg {

display: none;
}
.coution-point summary::-webkit-details-marker {
 display:none;
}
.coution-point .trans{
 transform: translateY(-10px);
 opacity: 0;
 transition: transform 1s, opacity 1s;
}
.coution-point details[open] .trans {
 transform: none;
 opacity: 1;
}
.coution-point .coution-title{
 color: red;
 font-weight: 600;
 text-align: left;
 margin-top: 25px;
 margin-bottom: 5px;
}
.coution-point .coution-text{
 text-align: left;
}@media screen and (max-width: 1200px){
 .coution-point{
   max-width: 650px;
 }
}

/* 単品購入のボタン */

.tanpin-box{
 display: flex;
 justify-content: center;
 margin-top: 5vh;
 margin-bottom: 10vh;
}
.tanpin-btn{
 border: none;
 background-color: #b8b8b8;
 color: #FFF;
 font-size: 2rem;
 text-decoration: none;
 letter-spacing: 0.05em;
 padding: 13px 30px;
 border-radius: 3px;
 cursor: pointer;
 box-shadow: 0 4px 8px 0 gray
}

/* 右下に固定の購入ボタン */

#fix-btn{
 position: fixed;
 right: 40px;
 bottom: 40px;
 width: 200px;
 z-index: 9999;
}#fix-btn.UpMove{

animation: UpAnime 0.5s forwards;
}@keyframes UpAnime{

from {
 opacity: 0;

transform: translateY(100px);
}to {
 opacity: 1;

transform: translateY(0);
}
}#fix-btn.DownMove{

animation: DownAnime 0.5s forwards;
}@keyframes DownAnime{

from {
 opacity: 1;

transform: translateY(0);
}to {
 opacity: 1;

transform: translateY(300px);
}
}@media screen and (max-width:1200px) {
 #fix-btn{
     right: 20px;
     bottom: 20px;
     width: 130px;
 }    
}

/* カートのエリア */

.cart{
 background-color: silver;
 width: 100%;
 height: 500px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.cart p{
 text-align: center;
 color: #000;
 font-size: 5rem;
}

/* 送料など */

.pay-box{
 max-width: 1000px;
 display: flex;
 margin: 9vh auto;
 padding: 0 2%;
}
.pay, .postage{
 width: 49%;
}
.pay{
 padding: 0 10px 0 0;
}
.pay p, .postage p{
 font-size: 1.3rem;
 letter-spacing: 2px;
 color: #303030;
 margin: 1.5vh 0;
}
.pay h3, .postage h3{
 text-align: left;
 color: #303030;
 font-size:1.8rem;
}
h4{
 font-size: 1.5rem;
 color: #303030;
}
h5{
 font-size: 1.3rem;
 margin-bottom: 0;
 color: #303030;
}
.privacy-flex{
 display: flex;
 align-items: center;
}
.privacy-flex img{
 margin-right: 10px;
}
@media screen and (max-width: 600px) {
.pay h3, .postage h3{
 font-size: 2rem;
 margin: 1vh 0 1.5vh 0;
 }
h4{
 font-size: 1.8rem;
 }
h5{
 font-size: 1.7rem;
}
}

/* フッター */

footer{
 color: #FFF;
 background-color: #F6B220;
 padding-top: 30px;
 padding-bottom: 30px;
 letter-spacing: 1.5px;
}
.footer-box{
 max-width: 1000px;
 margin: 3vh auto;
}
.footer-box a:link { color: #FFF; }
.footer-box a:visited { color: #FFF; }
.footer-box a:hover { color: #FFF; }
.footer-box a:active { color: #FFF; }
footer ul{
 margin: 0;
 padding: 0;
 display: flex;
 list-style: none;
}
footer ul li{
 margin-right: 10px;
 font-size: 1.2rem;
}
footer .copyright{
 margin-top: 8px;
}
@media screen and (max-width: 1200px){
 .footer-box{
   max-width: 700px;
 }
}









/* ここからスマホのCSS *//* ここからスマホのCSS *//* ここからスマホのCSS */
/* ここからスマホのCSS *//* ここからスマホのCSS *//* ここからスマホのCSS */
/* ここからスマホのCSS *//* ここからスマホのCSS *//* ここからスマホのCSS */


@media screen and (max-width: 600px){
 html{
   font-size: 55%;
 } 
}

@media screen and (max-width: 1200px){
 .br-tab{
   display: block;
 } 
}@media screen and (max-width: 600px){
 .br-sp{
   display: block;
 } 
}

/* ハンバーガーメニュー */

.hamburger-menu{
 display: none;
}
.menu-btn {
 position: fixed;
 top: 9px;
 right: 15px;
 display: flex;
 height: 60px;
 width: 60px;
 justify-content: center;
 align-items: center;
 z-index: 90;
 border-radius: 5px;
}
.menu-btn span,

.menu-btn span:before,

.menu-btn span:after {
 content: '';
 display: block;
 height: 11px;
 width: 55px;
 background-color: #0F8F01;
 position: absolute;
}
.menu-btn span:before {
 bottom: 17px;
}
.menu-btn span:after {
 top: 17px;
}#menu-btn-check:checked ~ .menu-btn span {
 background-color: rgba(255, 255, 255, 0);
}#menu-btn-check:checked ~ .menu-btn span::before {
 bottom: 0;
 transform: rotate(45deg);
 background-color: #0F8F01;
}#menu-btn-check:checked ~ .menu-btn span::after {
 top: 0;
 transform: rotate(-45deg);
 background-color: #0F8F01;
}#menu-btn-check {
 display: none;
}
.menu-content {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 100%;
 z-index: 80;
 background: rgba(255, 255, 255, 0.9);
 transition: all 0.5s;
}
.menu-content ul {
 padding: 70px 10px 0;
}
.menu-content ul li {
 border-bottom: dashed 1px #59463A;
 list-style: none;
}
.menu-content ul li a {
 display: block;
 width: 100%;
 font-size: 16px;
 box-sizing: border-box;
 color:#59463A;
 text-decoration: none;
 padding: 13px 15px 13px 0;
 position: relative;
}#menu-btn-check:checked ~ .menu-content {
 left: 0;
}
.menu-text{
 position: fixed;
 top: 42px;
 right: 15px;
 display: flex;
 height: 60px;
 width: 60px;
 justify-content: center;
 align-items: center;
 z-index: 90;
 border-radius: 5px;
 color: #0F8F01;
 font-size: 17px;
 font-weight: 600;
}
.close{
 display: none;
}#menu-btn-check:checked ~ .menu-text .menu {
 display: none;
}#menu-btn-check:checked ~ .menu-text .close {
 display: block;
}@media screen and (max-width: 600px){
 .hamburger-menu{
   display: block;
 }
}

/* トップ画像のスタイル */

@media screen and (max-width: 600px){
 .top-box .pc-top{
   display: none;
 }
 .top-box .sp-top{
   display: block;
 }
 .top-box .top-under{
   margin-top: 2vh;
 }
 .top-box .top-under img{
   width: 100vw;
 }
 .top-box .top-under-sp{
   display: block;
 }
 .top-box .souryoumuryou{
   display: block;
 }
}

/* スマホとタブレットのときに出てくる電話番号 */

.tell-box-tab{
 display: none;
 font-size: 62.5%;
 padding: 10px 0;
 margin: 0 auto;
}
.tell-box-tab img{
 width: 50vw;
 display: block;
 margin: 0 auto;
}@media screen and (max-width: 1200px){
 .tell-box-tab{
   display: block;
 }
}@media screen and (max-width: 600px){
 .tell-box-tab img{
   width: 100vw;
 }
}

/* 掲載情報 */

.keisai-sp{
 display: none;
 width: 100%;
}@media screen and (max-width: 600px){
 .keisai-box h2{
   display: none;
 }
 .keisai-box .keisai-pc{
   display: none;
 }
 .keisai-box .keisai-sp{
   display: block;
 }
}

/* スマホの時に出てくるLINEへのリンク */

.line-box{
 margin: 6vh 10vw;
 text-align: center;
 border-bottom: 1px dotted #f6b221;
 padding-bottom: 10px;
 display: none;
}
.line-box a{
 font-size: 1.8rem;
 color: #f6b221;
 text-decoration: none;
 letter-spacing: 2px;
}@media screen and (max-width: 600px){
 .line-box{
   display: block;
 }
}

/* ずっと食べてもらうためにエリザベスキャットフードの安心を紹介します */

@media screen and (max-width: 600px){
 .anshin-box .content{
   width: 30%;
 }
}



/* 購入バナー */

.buy-banner-sp{
 width: 100%;
 margin: 4vh 0 1vh;
 display: none;
}@media screen and (max-width: 600px){
 .buy-banner-pc{
   display: none;
 }
 .buy-banner-sp{
   display: block;
 }
}

/* グレインフリー */

@media screen and (max-width: 600px){
 .section01 .text{
   width: 100%;
 }
 .section01 .topics-img{
   width: 100%;
 }
}



/* 食材 */

@media screen and (max-width: 600px){
 .kinds6-box{
   display: block;
 }
 .kinds summary{
   display: block;
   margin: 3vh auto;
   width: 250px;
   text-align: center;
   list-style: none;
   cursor: pointer;
   background-color: #f6b221;
   color: #FFF;
   padding: 10px 20px;
   border-radius: 5px;
   box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
 }
 .kinds .meal-box ul li{
   display: flex;
   width: 100%;
   text-align: left;
 }
 .kinds .meal-box ul li img{
   width: 66px;   height: 66px;   margin:0;
 }
 .kinds .meal-box ul li .meal-text{
   margin-left: 15px;
 }
}

/* スーパーフード */

@media screen and (max-width: 600px){
 .super-food .food-img{
   width: 80%;
 }
}

/* カロリー */

@media screen and (max-width: 600px){
 .calorie-table{
   width: 100%;
 }
}

/* 七つのサポート */

@media screen and (max-width: 600px){
 .support7 .circle-img{
   width: 100%;
 }
 .support7 .content img{
   width: 60%;
 } 
 .support7 .content h3{
   margin: 6vh 0 1vh;
 }
}

/* Safety */

@media screen and (max-width: 600px){
 .safety .flex li{
   width: 27%;
 }
}

/* ノンオイルコーティング */

.non-oil-coating .food-img3-sp{
 display: none;
 width: 100%;
}@media screen and (max-width: 600px){
 .non-oil-coating .food-img3{
   display: none;
 }
 .non-oil-coating .food-img3-sp{
   display: block;
 }  
}

/* ロニーの画像 */

@media screen and (max-width: 600px){
 .ronnie-img{
   display: none;
 }
 .ronnie-img-sp{
   display: block;
 }
}

/* ベルギー */

@media screen and (max-width: 600px){
 .belgium .map-img{
   width: 100%;
 }
}

/* FAQ */

@media screen and (max-width: 600px){
 .faq .question{
   font-size: 2.2rem;
 }
 .faq .question,
 .faq .answer{
   padding-left: 10vw;
   background-size: 30px 30px;
   font-size: 2rem;
   padding-bottom: 1vh;
 }
}

/* 食材の画像 */

@media screen and (max-width: 600px){
 .ronnie-img2 .logo-img{
   width: 80vw;
 }
}













/* 点線 */
.border-dot{
 content: "";
 height: 1px;
 margin: 60px 90px;
 border-bottom: 1px dashed;
 display: none;
}@media screen and (max-width: 600px){
 .border-dot{
   display: block;
 }}

/* 定期の画像 */

@media screen and (max-width: 600px){
 .teiki-img img{
  width: 100%;
 } 
 .teiki-img .teiki-img-sp{
   display: block;
 }
 .teiki-img .teiki-img-pc{
   display: none;
 }}

/* 珪藻土 */

.karari .karari-sp{
 display: none;
}
.karari .karari-sp{
 overflow: hidden;
 max-width: 1000px;
 margin: 0 auto;
 padding: 0 2%;
 position: relative;
}
.karari .karari-sp .caption{
 font-size: 2rem;
}
@media screen and (max-width: 600px){
 .karari .karari-pc{
  display: none;
 } 
 .karari .karari-sp{
  display: block;
 }
}

/* ポリシーと資格 */

@media screen and (max-width: 600px){
 .shikaku-pc{
  display: none;
 } 
 .shikaku-sp{
  display: block;
 }}

/* ご注文 */

@media screen and (max-width: 600px){
 .order h3{
   margin: 1vh;
   text-align: center;
 }
 .order .teiki-img2{
   display: none;
 }
 .order .teiki-img2-sp{
   display: block;
 }
 .order .flex{
   flex-direction: column;
   align-items: center;
 }
 .order .flex div{
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
 }
}

/* スマホのときに下に出てくる購入ボタン */

#fix-btn-mobile{
 display: none;
 position: fixed;
 bottom: 0;
 width: 100%;
 z-index: 9999;
 background-color: #FDD657;
 padding: 2vw;
}#fix-btn-mobile a{
 text-align: center;
 background-color: #fff;
 text-decoration: none;
 padding: 6px;
 display: block;
 border-radius: 8px;
 font-size: 2rem;
 font-weight: 600;
 color: #262729;
 position: relative;
 z-index: 9999;
 background-image: url(/lp_media/elizabeth/bell-tocv.svg);
 background-repeat: no-repeat;
 background-position: right 4vw center;
 background-size: 10vw;
}#fix-btn-mobile.UpMove{

animation: UpAnime 0.5s forwards;
}@keyframes UpAnime{

from {
 opacity: 0;

transform: translateY(100px);
}to {
 opacity: 1;

transform: translateY(0);
}
}#fix-btn-mobile.DownMove{

animation: DownAnime 0.5s forwards;
}@keyframes DownAnime{

from {
 opacity: 1;

transform: translateY(0);
}to {
 opacity: 1;

transform: translateY(300px);
}
}@media screen and (max-width:599px){
 #fix-btn{
     display: none;
 }
 #fix-btn-mobile{
     display: block;
 }
 #fix-btn-mobile a{
     text-align: center;
     background-color: #fff;
     text-decoration: none;
     padding: 12px 0; 
     display: block;
     border-radius: 8px;
     font-size: 2.4rem;
     font-weight: 600;
     color: #262729;
     position: relative;
     z-index: 9999;
 }
}

/* 送料など */

@media screen and (max-width:600px){
 .pay-box{
   flex-direction: column;
 }
 .pay-box .pay,
 .pay-box .postage{
   width: 100%;
 }
}

/* フッター */

@media screen and (max-width: 600px){
 footer{
   color: #F6B220;
   background-color: #262729;
   padding-top: 40px;
   padding-bottom: 90px;
   letter-spacing: 1.5px;
 }
 footer ul{
   text-align: center;
   flex-direction: column;
 }
 footer ul li{
   font-size: 1.6rem;
   margin-bottom: 6px;
   margin-right: 0;
 }
 footer .copyright{
   margin-top: 25px;
   color: #fff;
   text-align: center;
   font-size: 1.4rem;
 } 
}

/* 全LP共通更新用 */

body { background-color: #ffffff !important;}
.l-contents {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: none !important;}
@media only screen and (max-width: 600px) {
	p.title{
	  margin: 3vh 0;
	}
	ul.take-caption {
		margin-left: 5% !important;
		list-style-type: circle !important;
		list-style-position: outside;
	}
	.caption {
	  margin: 0 0 3vh ;
	}
	.border-wave {
	  margin: 7vh auto !important;
	}
	.love .flex1, .love .flex2 {
		margin-bottom: 3vh;
	}
	.karari h2 {
	  margin: 3vh 0; /* 元の.karari h2を消す */
	}
	.kinds ul li h4 {
	  font-size: 1.8rem;
	}
	.kinds ul li p {
		font-size: 1.6rem;
	}
}