@charset "utf-8";

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust: 100%;
}

.bfx2601_0nlyPc{ display: block; }
.bfx2601_0nlyTb{ display: none;  }
.bfx2601_0nlySp{ display: none;  }

.bfx_contents_block *,
.bfx_contents_block *::before,
.bfx_contents_block *::after {
  box-sizing: border-box;
}

.bfx_contents_block h1,
.bfx_contents_block h2,
.bfx_contents_block h3,
.bfx_contents_block h4,
.bfx_contents_block h5,
.bfx_contents_block h6,
.bfx_contents_block p,
.bfx_contents_block ul,
.bfx_contents_block ol,
.bfx_contents_block li,
.bfx_contents_block figure,
.bfx_contents_block blockquote {
  margin: 0;
  padding: 0;
}

.bfx_contents_block ul,
.bfx_contents_block ol {
  list-style: none;
}

.bfx_contents_block a{
  color: inherit;
  text-decoration: none;
}

.bfx_contents_block{
  position: relative;
  color:#292929;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
  font-family:"Noto Sans CJK JP", "Noto Sans JP", -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}

.bfx_contents_block img{
  max-width: 100%;
  height: auto;
  display: block;
}

.bfx_contents_block ruby{
  ruby-position: over;
  ruby-align: center;
  line-height: 1;
  position: relative;
}

.bfx_contents_block rt{
  font-size: 0.4em;
  line-height: 1;
  transform: translateY(0.22em);
  transform-origin: center bottom;
  position: relative;
  top: 0.22em;
}


/* MV */
/*background-color: #008cd3;*/
/**/
@media (min-width: 1081px) {
.bfxlp_mv_blue{height: 55vw; }
}
.mainbg{ background-color: #008cd3; }
.bfxlp_mv_blue{ position: relative;
  background-image: url(../images/alpha/bfx2602mv_pc.webp?0b);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-height: 740px;
}

/* 機能性表示 */
.bfx_contents_block .functional_foods_lb img{ max-width: 1240px;width: 100%;
  height: 100px;margin: 0 auto; display: block; }
.bfx_contents_block .functional_foods_lb{
  background-color: #0066a8;
  /*d4e7f6 padding: 10px 20px;
  color: #00488f;*/
}
.bfx_contents_block .fflb_content{
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.bfx_contents_block .fflb_text1{
  font-size: 28px;
  font-weight: 700;
  width: 210px;
  margin-right: 4px;
}
.bfx_contents_block .fflb_text2{
  width: 118px;
  margin-right: 6px;
}
.bfx_contents_block .fflb_text22{
  font-size: 20px;
  font-weight: 700;
  padding: 4px 10px;
  border: 2px #00488f solid;
  display: inline-block;
}
.bfx_contents_block .fflb_text222{
  font-size: 13px;
  margin-top: 6px;
}
.bfx_contents_block .fflb_text3{
  width: calc(100% - 210px - 118px - 10px);
  font-size: 12px;
  line-height: 16px;
}



.bfx_contents_block .bfx3ef_area{
  padding: 140px 0 50px;
}

/* ショップ */
.bfx_contents_block .shop-area {
  text-align: center;
  margin-bottom: 80px;
}
.bfx_contents_block .shop-ttl {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}
.bfx_contents_block .shop-list {
  max-width: 1240px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 auto;
}

/* バナー */
.bfx_contents_block .bfx3ef_bnr {
  text-align: center;
  padding-bottom: 60px;
  font-size: 0;
}
.bfx_contents_block .bfx3ef_bnr a {
  display: inline-block;
}

.bfx_contents_block .bfx3ef_intro{
  text-align: center !important;
  font-size: 24px;
  margin-bottom: 30px;
}
.bfx_contents_block .kinousei_bl_under{
  background-color: #b5daff;
}

.bfx_contents_block .bfx3ef_content{
  max-width: 1240px;
  width: 94%;
  margin: 0 auto;
}
.bfx_contents_block .bfx3ef_area .k373position{
  text-align: right !important;
  font-size: 15px;
  margin-bottom: 16px;
}
.bfx_contents_block .bfx3ef{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 10px;
}

.bfx_contents_block .bfx3ef_box{
  background-color: #008cd3;
  padding: 10px;
  width: 32%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
}
.bfx_contents_block .bfx3ef_box .ttl{
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-align: center !important;
  line-height: 1.3;
}
.bfx_contents_block .bfx3ef_box .ttl1{
  padding: 22px 0 30px;
}

.bfx_contents_block .bfx3ef_text{
  line-height: 1.4;
  background-color: #fff;
  border-radius: 0 0 26px 26px;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 1;
}

.bfx_contents_block .bfx3ef_text_r1{
  width: 90px;
  height: 90px;
  margin-left: 10px;
}
.bfx_contents_block .bfx3ef_text_l1{
  width: calc(100% - 100px);
}
.bfx_contents_block .bfx3ef_text_r2{
  width: 130px;
  height: 100px;
  margin-left: 10px;
}
.bfx_contents_block .bfx3ef_text_l2{
  width: calc(100% - 140px);
}

.bfx_contents_block .bfx3ef_note{
  font-size: 12px;
  text-indent: -2em;
  padding-left: 2em;
  margin-top: 10px;
}

/* 日本初Wの効果で〜 */
.bfx_contents_block #bfx_w_points{
  background-image: url(../images/alpha/bfx2601wsection_bg.webp);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: repeat-y;
  padding-bottom: 110px;
}
.bfx_contents_block .topline_wps{
  width: 100%;
  height: 4px;
  background: rgba(185, 225, 255, 0.3);
}

.bfx_contents_block .w_h2{
  padding-top: 80px;
  padding-bottom: 70px;
  max-width: 1070px;
  width: 90%;
  margin: 0 auto;
}

/* point1 */
.bfx_contents_block .bfx_w_point1{
  background-color: #0053a6;
  border-radius: 0 200px 200px 0;
  color: #fff;
  padding: 0 60px 80px 60px;
  max-width: 1250px;
  width: 90vw;
}
.bfx_contents_block #bfx_w_points .point1{
  position: relative;
  top: -50px;
  margin-bottom: -80px;
  width: 128px;
}
.bfx_contents_block #bfx_w_points .poi1_h3{
  display: flex;
  align-items: center;
}
.bfx_contents_block #bfx_w_points .poi1_h3_text{
  font-size: 46px;
}
.bfx_contents_block #bfx_w_points .poi1_h3 .yajirsh_b{
  width: 132px;
}
.bfx_contents_block #bfx_w_points .poi1_text_big{
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
  margin: 50px 0 30px;
}
.bfx_contents_block .point1_grapharea{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bfx_contents_block .point1_garea_text{
  width: 51%;
}
.bfx_contents_block .point1_graph{
  width: 47%;
}
/* 折れ線グラフアニメーション共通 */
.bfx_contents_block .bfx-linegraph2601 .line{
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: draw-line 0.9s ease-out forwards;
  animation-play-state: paused;
}

.bfx_contents_block .bfx-linegraph2601 .line-top{
  animation-delay: 0s;
}

.bfx_contents_block .bfx-linegraph2601 .line-bottom{
  animation-delay: 0s;
}

.bfx_contents_block .bfx-linegraph2601.is-anim .line{
  animation-play-state: running;
}


@keyframes draw-line{
  to{
    stroke-dashoffset: 0;
  }
}
/* 折れ線グラフアニメーション共通ここまで */

.bfx_contents_block #bfx_w_points .testarea{
  padding: 1em 0;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-top: 24px;
}
.bfx_contents_block #bfx_w_points .poi1_text_mid{
  font-size: 18px;
}
.bfx_contents_block #bfx_w_points .testarea li{
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  gap: 0.5em;
}
.bfx_contents_block #bfx_w_points .testarea li p {
  font-size: 13px;
}

.bfx_contents_block .gozonjidesuka{
  display: flex;
  justify-content: space-between;
  padding-top: 36px;
  padding-bottom: 70px;
}
.bfx_contents_block .gozonjiman{
  width: 160px;
  height: 184px;
  margin-right: 28px;
  display: block;
}
.bfx_contents_block .gznj_textarea{
  width: calc(100% - 188px);
}
.bfx_contents_block .gznj_textarea .text1{
  font-size: 23px;
  line-height: 1.4;
}
.bfx_contents_block .gznj_textarea .text2{
  font-size: 29px;
  line-height: 1.4;
  color: #292929;
  padding: 16px 30px 20px;
  background-color: #fff;
  box-shadow: 6px 6px 0 rgba(8,52,138,.7);
  margin: 10px 0;
}
.bfx_contents_block .gznj_textarea .y_line2{
  position: relative;
  display: inline-block;
  z-index: 0;
}
.bfx_contents_block .gznj_textarea .y_line2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.05em;
  width: 100%;
  height: 10px;
  background: #feea00;
  z-index: -1;
}

/* 円グラフ箇所 */

.bfx_contents_block .ene_chart_text{
  border-bottom: 2px solid #fff;
  padding-bottom: 0.2em;
  line-height: 1.4;
  margin-bottom: 40px;
  font-size: 18px;
}
.bfx_contents_block .ene_chart_bottomtext{
  font-size: 15px;
  margin-top: 20px;
  text-align: right;
}
.bfx_contents_block .bfx2601ene_chart{
  max-width: 800px;
  width: 94%;
  margin: 0 auto;
}
/* 円グラフアニメーション */
.bfx_contents_block .chart-sp{
  display: none;
}


@media screen and (max-width: 768px) {
  .bfx_contents_block .chart-pc{
    display: none;  }
  .bfx_contents_block .chart-sp{
    display: block;
  }
}
.bfxArcMain26{
  fill: none;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  animation: bfxArcDraw26 1.2s ease-out forwards;
  animation-play-state: paused;
}

.bfx2601ene_chart svg.is-anim .bfxArcMain26{
  animation-play-state: running;
}

@keyframes bfxArcDraw26{
  to{ stroke-dashoffset: 0; }
}
/* 円グラフアニメーションここまで */

.bfx_contents_block .bfx_w_point1 .relaxphoarea{
  width: 720px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 80px auto 30px;
}
.bfx_contents_block .bfx_w_point1 .relaxphoarea img{
  display: block;
  width: 330px;
}

.bfx_contents_block .bfx_w_point1 .relaxtext_bfx26{
  width: 560px;
  margin: 0 auto;
  display: block;

  clip-path: inset(0 100% 0 0);
  will-change: clip-path;
}

.bfx_contents_block .bfx_w_point1 .relaxtext_bfx26.is-inview{
  animation: bfxRevealLeft 0.55s ease-out both;
}

@keyframes bfxRevealLeft{
  from{ clip-path: inset(0 100% 0 0); }
  to  { clip-path: inset(0 0 0 0); }
}

@media (prefers-reduced-motion: reduce){
  .bfx_contents_block .bfx_w_point1 .relaxtext_bfx26{
    clip-path: none !important;
    animation: none !important;
  }
}

.bfx_contents_block .bfx_w_point1 .sampo_area{
  max-width: 910px;
  width: 94%;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 26px;
}
.bfx_contents_block .bfx_w_point1 .sampo_area_r{
  width: 340px;
}
.bfx_contents_block .bfx_w_point1 .sampo_area_l{
  width: calc(100% - 366px);
}
.bfx_contents_block .bfx_w_point1 .sampotext1{
  font-size: 24px;
  line-height: 2;
  display: inline;
  padding-bottom: 0.15em;

  background: linear-gradient(
    to bottom,
    transparent calc(100% - 3px),
    rgba(255,255,255,0.5) calc(100% - 3px)
  );

  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.bfx_contents_block .bfx_w_point1 .sampotext1kin{
  display: inline-block;
  line-height: 1;
  background-color: #ab8501;
}
.bfx_contents_block .bfx_w_point1 .sampotext2{
  font-size: 15px;
  line-height: 1.4;
  padding-top: 18px;
}

/* point2 */
.bfx_contents_block .bfx_w_point2{
  background-color: #f08300;
  border-radius: 200px 0 0 200px;
  color: #fff;
  padding: 0 60px 100px 100px;
  max-width: 1250px;
  width: 90vw;
  margin: 150px 0 0 auto;
}

/* 日本初 */
.bfx_contents_block .bfx_only1jp_ef{
  width: 100%;
  height: 570px;
  background-image: url(../images/alpha/bfx2601bluebg2.jpg);
  background-size: cover;
  background-position: bottom center;
  padding: 40px 0 0;
}
.bfx_contents_block .bfx_only1jp_textarea{
  max-width: 1320px;
  width: 94%;
  margin: 0 auto;
  background-image: url(../images/alpha/bfx2601blue_jp_lay_pc.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #fff;
  text-align: center;
  height: 370px;
  position: relative;
  top: 24px;
}
.bfx_contents_block .bfx_only1jp_textarea .head_ttl{
  font-size: 50px;
  line-height: 1.4;
  font-weight: 700;
  display: inline-block;
  position: relative;
  padding-bottom: 22px;
}
.bfx_contents_block .bfx_only1jp_textarea .head_ttl::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom: 4px;
  height: 12px;

  background-image: url(../images/alpha/bfx2601y_nami.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left center;
}
.bfx_contents_block .bfx_only1jp_text{
  font-size: 30px;
  font-weight: 700;
  margin-top: 20px;
}
.bfx_contents_block .bfx_only1jp_note{
  font-size: 12px;
  margin-top: 20px;
}
.bfx_contents_block #about_bifix{
  background-color: #e5f2ff;
  padding-bottom: 130px;
}
.bfx_contents_block #about_bifix h2{
  text-align: center;
}
.bfx_contents_block #about_bifix h2 span{
  color: #124098;
  font-size: 50px;
  letter-spacing: 0.025em;
  border-bottom: #bca331 8px solid;
  font-weight: 700;
  display: inline-block;
  margin-top: 70px;
  line-height: 1.5;
}
.bfx_contents_block .about_bifix_content{
  display: flex;
  justify-content: space-between;
  gap: 50px;
  width: 1138px;
  margin: 80px auto;
}
.bfx_contents_block .about_bifix_textbox{
  flex: 1;
  min-width: 0;
}
.bfx_contents_block .about_bifix_text{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}
.bfx_contents_block .about_bifix_ph2{
  flex:0 0 340px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.bfx_contents_block .about_tansa{
  background-image: url(../images/alpha/bfx2601tansa_bg_pc.webp);
  background-size: cover;
  background-position: top center;
  border: 6px solid rgba(255, 255, 255, 0.7);
  border-radius: 40px;
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
  padding: 50px;
  position: relative;
}
.bfx_contents_block .about_tansa_head{
  color: #124098;
  font-size: 42px;
  line-height: 1.4;
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}
.bfx_contents_block .tansa_items{
  display: block;
  position: absolute;
  top: -18px;
  max-width: 1072px;
  width: 90%;
  margin: 0 auto;
}
.bfx_contents_block .about_tansa_text{
  font-size: 20px;
  line-height: 1.6;
  position: relative;
  z-index: 2;
}

/* 続けやすい理由 */

.bfx_contents_block #bfx_benefits{
  background-image: url(../images/alpha/bfx2601bft_bg.jpg);
  background-position: top center;
  background-size: 100% auto;
  padding-bottom: 10px;
}

.bfx_contents_block .bfx_benefits_h2{
  text-align: center;
  padding-top: 80px;
}
.bfx_contents_block .bfx_benefits_h2 p{
  color: #008cd3;
  font-weight: 700;
  font-size: 54px;
  line-height: 1.4;
  display: inline-block;
  position: relative;
  padding-bottom: 30px;
}
.bfx_contents_block .bfx_benefits_h2 p::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom: 1px;
  height: 18px;

  background-image: url(../images/alpha/bfx2601bl_nami.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left center;
}

.bfx_contents_block .bfx_benefits_content{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1500px;
  width: 94%;
  margin: 64px auto 0;
}
.bfx_contents_block .bfx_benefits_box{
  width: 49%;
}
.bfx_contents_block .bfx_benefits_box_inner{
  padding: 40px;
}
.bfx_contents_block .bfx_benefits_box h3{
  background-color: #008cd3;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  padding: 22px;
  border-radius: 3em;
}
.bfx_contents_block .bfx_benefits_box .bfx_benefits_text{
  font-size: 20px;
  margin-bottom: 24px;
}
.bfx_contents_block .bfx_benefits_box .bfx_benefits_text_b{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}

/* おいしく続けて〜 */
.bfx_contents_block #bfx_try{
  background-color: #39b5f3;
}
.bfx_contents_block .try_top{
  padding: 50px 0 56px;
  width: 90%;
  max-width: 1220px;
  margin: 0 auto;
}

/* 追従バナー */
.float-bnr {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 326px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.float-bnr.is-visible {
  opacity: 1;
  visibility: visible;
}

#shop #movie{ margin: 80px 0; text-align: center;}
#shop #movie h2{ color: #008cd3; }
#shop #movie .movie_list {  display: flex;  justify-content: space-between; max-width: 880px;
  align-items: center; width: 90%; flex-wrap: wrap; margin-bottom: 70px;}
#shop #movie .movie_list li:nth-child(2n){ margin-top: 0; margin-left: 20px; }
#lineup p{ font-size: 30px; position: relative; display: inline-block; padding: 0 40px;}
#lineup p::before,#lineup p::after{position: absolute; bottom:0}

#lineup p::before{content: "＼ "; left:0}
#lineup p::after{content: " ／"; right:0}

#lineup p span{ font-size: 46px; }


				#lineup{ text-align: center; padding:80px 0; background-color: #008cd3;}
				#lineup p{ margin-bottom: 20px; color: #fff; text-align: center!important;}
				#lineup picture{margin: 0 auto 50px;  display: block;
  text-align: center;  max-width: 1200px;  width: 50%;}
				#lineup a{ border-radius: 60px;  background-color: #f08300;  color: #fff;font-size: 24px;
				border: solid 3px #fff; width: 500px;  padding: 20px 0; position: relative;}
				 #lineup a::before,#lineup a::after{ position: absolute; content: ""; top:50%}
				#lineup a::before{ background-color: #fff; border-radius: 100%; width: 28px; height: 28px; right: 30px;
					transform: translate(0%, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0%, -50%); 				}
				#lineup a::after{ 
					 background: #f08300;
					height: calc(tan(60deg) * 20px / 2);
					width: 10px;
					clip-path: polygon(0 0, 100% 50%, 0 100%);
					transform: translate(0%, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0%, -50%);
  right: 37px;					}
				

/* =========================================================
   タブレット
========================================================= */


@media (max-width: 1080px) and (min-width: 769px){

  .bfx2601_0nlyPc{ display: none;  }
  .bfx2601_0nlyTb{ display: block; }
  .bfx2601_0nlySp{ display: none;  }


  .bfx_contents_block .fflb_text2{
    margin-right: 12px;
  }
  .bfx_contents_block .fflb_text3{
    width: calc(100% - 210px - 118px - 16px);
  }

  .bfx_contents_block .bfxHeroCard{
    width: 90%;
  }
  .bfx_contents_block .bfxHeroInner{
    gap: 10px;
  }
  .bfx_contents_block .bfxHero_text{
    font-size: 28px;
    padding-left: 40px;
  }

  .bfx_contents_block .bfx3ef_content{
    width: 90%;
  }
  .bfx_contents_block .bfx3ef{
    gap: 16px;
  }
  .bfx_contents_block .bfx3ef_box{
    width: 48%;
  }
  .bfx_contents_block .bfx3ef_box .ttl{
    font-size: 26px;
    font-weight: 700;
  }
  .bfx_contents_block .bfx3ef_text_r1{
    width: 120px;
    height: 120px;
    margin-left: 10px;
  }
  .bfx_contents_block .bfx3ef_text_l1{
    width: calc(100% - 130px);
  }
.bfxlp_mv_blue{ height: 55vw;}

  /* point1 */
.bfx_contents_block .bfx_w_point1{
  border-radius: 0 150px 150px 0;
  padding: 0 50px 100px 50px;
}
.bfx_contents_block #bfx_w_points .point1{
  width: 100px;
  margin-bottom: -40px;
}
.bfx_contents_block #bfx_w_points .poi1_h3 .yajirsh_b{
  width: 112px;
}
.bfx_contents_block #bfx_w_points .poi1_h3_text{
  font-size: 38px;
}
.bfx_contents_block #bfx_w_points .testarea li p{
  font-size: 12px;
}
.bfx_contents_block .bfx_w_point1 .relaxphoarea{
  width: auto;
  margin: 70px auto 30px;
}
.bfx_contents_block .bfx_w_point1 .relaxphoarea img{
  display: block;
  width: 46%;
}

.bfx_contents_block .bfx_w_point1 .relaxtext_bfx26{
  width: 80%;
}
  .bfx_contents_block .bfx_w_point1 .sampo_area{
    width: auto;
    gap: 18px;
  }
  .bfx_contents_block .bfx_w_point1 .sampo_area_r{
    width: 320px;
  }
  .bfx_contents_block .bfx_w_point1 .sampo_area_l{
    width: calc(100% - 338px);
  }
  .bfx_contents_block .bfx_w_point1 .sampotext1{
    font-size: 22px;
  }

  /* point2 */
.bfx_contents_block .bfx_w_point2{
  border-radius: 150px 0 0 150px;
  padding: 0 36px 100px 66px;
  margin: 100px 0 0 auto;
}

  .bfx_contents_block .about_bifix_content{
    gap: 34px;
    padding: 0 20px;
    width: auto;
  }
  .bfx_contents_block .about_bifix_textbox{
    width: calc(100% - 340px - 34px);
  }

  /* 日本初 */
.bfx_contents_block .bfx_only1jp_ef{
  width: 100%;
  height: auto;
  padding: 28px 0 0;
}
.bfx_contents_block .bfx_only1jp_textarea{
  width: 94%;
  background-image: url(../images/alpha/bfx2601blue_jp_lay_pc.webp);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 300px;
  position: relative;
  top: 24px;
}
.bfx_contents_block .bfx_only1jp_textarea .head_ttl{
  font-size: 40px;
  padding-bottom: 22px;
}
.bfx_contents_block .bfx_only1jp_textarea .head_ttl::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom: 4px;
  height: 12px;

  background-image: url(../images/alpha/bfx2601y_nami.svg);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left center;
}
.bfx_contents_block .bfx_only1jp_text{
  font-size: 22px;
  margin-top: 20px;
}

/* 秘密は〜 */
.bfx_contents_block #about_bifix{
  padding-bottom: 40px;
}
.bfx_contents_block #about_bifix h2{
  text-align: center;
}
.bfx_contents_block #about_bifix h2 span{
  font-size: 40px;
  display: inline;
  border-bottom: none;
  margin-top: 80px;
  line-height: 2;
  background:
    linear-gradient(#bca331, #bca331)
    bottom left / 100% 6px no-repeat;

  padding-bottom: 0.35em;

  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.bfx_contents_block .about_bifix_content{
  gap: 30px;
  width: 94%;
  margin: 60px auto;
}
.bfx_contents_block .about_bifix_textbox{
  flex: 1;
  min-width: 0;
}
.bfx_contents_block .about_bifix_text{
  font-size: 18px;
}
.bfx_contents_block .about_tansa{
  padding: 40px 30px;
}
.bfx_contents_block .about_tansa_head{
  font-size: 36px;
  margin-bottom: 36px;
}
.bfx_contents_block .about_tansa_text{
  font-size: 18px;
}

.bfx_contents_block .bfx_benefits_h2{
  padding-top: 40px;
}
.bfx_contents_block .bfx_benefits_h2 p{
  font-size: 44px;
}
.bfx_contents_block .bfx_benefits_box h3{
  font-size: 22px;
  padding: 20px 28px;
}
.bfx_contents_block .bfx_benefits_box_inner{
  padding: 20px;
}
.bfx_contents_block .bfx_benefits_box .bfx_benefits_text_b{
  font-size: 18px;
}
.bfx_contents_block .bfx_benefits_box .bfx_benefits_text{
  font-size: 18px;
}



}

/* =========================================================
   SP
========================================================= */
@media screen and (max-width: 768px){

  .bfx2601_0nlyPc{ display: none;  }
  .bfx2601_0nlyTb{ display: none;  }
  .bfx2601_0nlySp{ display: block; }

  .bfx_contents_block{
    font-size: calc(14px * 1.6);
    text-align: left !important;
  }

  .bfx_contents_block p{
    font-size: calc(14px * 1.6);
    text-align: left !important;
  }

  .bfx_contents_block #bfxlp_header{
    height: 116px;
  }

  /* MV */
.bfxlp_mv_blue{
  background-image: none;
  height: auto;margin-bottom: 5%;
}
/* 機能性表示 */
.bfx_contents_block .functional_foods_lb{
  /*padding: 10px 16px;*/
  display: none;
}

.bfx_contents_block .fflb_text1{
  font-size: calc(15px * 1.6);
  width: 100%;
}
.bfx_contents_block .fflb_text2{
  width: auto;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.bfx_contents_block .fflb_text22{
  font-size: calc(12px * 1.6);
  padding: 2px 4px;
  margin-right: 1em;
}
.bfx_contents_block .fflb_text222{
  font-size: calc(10px * 1.6);
  margin-top: 0px;
}
.bfx_contents_block .fflb_text3{
  width: auto;
  font-size: calc(9px * 1.6);
  line-height: 1.4;
}
/* 体脂肪が気になる方へ */
.bfx_contents_block .intro_message{
  width: auto;
  padding: 20px 50px;
}

.bfx_contents_block .bfx3ef_area{
  padding: 255px 0 25px/*100px 0 25px*/;
}

/* ショップ */
.bfx_contents_block .shop-area {
  margin-bottom: 100px;
}
.bfx_contents_block .shop-ttl {
  font-size: 34px;
  margin-bottom: 30px;
}
.bfx_contents_block .shop-list {
  flex-direction: column;
  gap: 20px;
  padding: 0 35px;
}

/* バナー */
.bfx_contents_block .bfx3ef_bnr {
  padding-top: 40px;
}

.bfx_contents_block .bfx3ef_intro{
  font-size: calc(15px * 1.6);
  margin-bottom: 20px;
}
.bfx_contents_block .bfx3ef_content{
  width: 94%;
}
.bfx_contents_block .bfx3ef_area .k373position{
  font-size: calc(10px * 1.6);
  margin-bottom: 10px;
}
.bfx_contents_block .bfx3ef{
  gap: 15px;
}

.bfx_contents_block .bfx3ef_box{
  padding: 5px;
  width: auto;
  border-radius: 15px;
}
.bfx_contents_block .bfx3ef_box .ttl{
  font-size: calc(20px * 1.6);
}
.bfx_contents_block .bfx3ef_box .ttl1{
  padding: 14px 0;
}

.bfx_contents_block .bfx3ef_text{
  border-radius: 0 0 13px 13px;
  padding: 10px;
  font-size: calc(14px * 1.6);
}

.bfx_contents_block .bfx3ef_note{
  font-size: calc(12px * 1.6);
}

.bfx_contents_block .bfx3ef_text_r1{
  width: 67px;
  height: 67px;
  margin-left: 10px;
}
.bfx_contents_block .bfx3ef_text_l1{
  width: calc(100% - 77px);
}
.bfx_contents_block .bfx3ef_text_r2{
  width: 98px;
  height: 67px;
  margin-left: 10px;
}
.bfx_contents_block .bfx3ef_text_l2{
  width: calc(100% - 108px);
}


  /* 日本初Wの効果で〜 */
.bfx_contents_block #bfx_w_points{
  background-position: 80% center;
  padding-bottom: 40px;
}
.bfx_contents_block .topline_wps{
  width: 100%;
  height: 3px;
}

.bfx_contents_block .w_h2{
  padding-top: 24px;
  padding-bottom: 54px;
  width: 84%;
}

/* point1 */
.bfx_contents_block .bfx_w_point1{
  border-radius: 0 50px 50px 0;
  padding: 0 15px 25px 15px;
}
.bfx_contents_block .poi1_h3sp{
  width: auto;
  position: relative;
  top: -25px;
  margin-bottom: -10px;
}

.bfx_contents_block #bfx_w_points .poi1_text_big{
  font-size: calc(17px * 1.6);
  margin: 30px 0 25px;
}
.bfx_contents_block .bfx_w_point2 .onlysp_margin{
  position: relative;
  top: -20px;
  margin-bottom: -20px;
}

.bfx_contents_block .point1_garea_text{
  width: auto;
}
.bfx_contents_block .point1_graph{
  width: 100%;
  margin-top: 25px;
}
.bfx_contents_block #bfx_w_points .poi1_text_mid{
  font-size: calc(14px * 1.6);
}

.bfx_contents_block #bfx_w_points .testarea{
  padding: 0.7em 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  margin-top: 12px;
}
.bfx_contents_block #bfx_w_points .testarea li p{
  font-size: calc(11px * 1.6);
}

.bfx_contents_block .gozonjidesuka{
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  padding-bottom: 30px;
}
.bfx_contents_block .gozonjiman{
  width: 30%;
  height: auto;
  margin: 10px auto 0;
}
.bfx_contents_block .gznj_textarea{
  width: 100%;
  position: relative;
  top: -20px;
  margin-bottom: -20px;
}
.bfx_contents_block .gznj_textarea .text1{
  font-size: calc(15px * 1.6);
}
.bfx_contents_block .gznj_textarea .text2{
  font-size: calc(18px * 1.6);
  padding: 14px 10px;
  box-shadow: 4px 4px 0 rgba(8,52,138,.7);
  margin: 10px 0;
}

.bfx_contents_block .gznj_textarea .y_line2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.05em;
  width: 100%;
  height: 5px;
}

/* 円グラフ箇所 */

.bfx_contents_block .ene_chart_text{
  border-bottom: 2px solid #fff;
  padding-bottom: 0.2em;
  margin-bottom: 20px;
  font-size: calc(14px * 1.6);
}
.bfx_contents_block .ene_chart_bottomtext{
  font-size: calc(10px * 1.6);
  line-height: 1.4;
  margin-top: 15px;
  text-align: center !important;
}


.bfx_contents_block .bfx_w_point1 .relaxphoarea{
  width: 70%;
  margin: 44px auto 12px;
}
.bfx_contents_block .bfx_w_point1 .relaxphoarea img{
  width: auto;
  margin-bottom: 15px;
}

.bfx_contents_block .bfx_w_point1 .relaxtext_bfx26{
  width: 84%;
}

.bfx_contents_block .bfx_w_point1 .sampo_area{
  width: 100%;
  margin: 30px auto 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.bfx_contents_block .bfx_w_point1 .sampo_area_r{
  width: 60%;
  margin: 0 auto;
}
.bfx_contents_block .bfx_w_point1 .sampo_area_l{
  width: auto;
}
.bfx_contents_block .bfx_w_point1 .sampotext1{
  font-size: calc(15px * 1.6);
}
.bfx_contents_block .bfx_w_point1 .sampotext2{
  font-size: calc(11px * 1.6);
  padding-top: 10px;
}

/* point2 */
.bfx_contents_block .bfx_w_point2{
  border-radius: 50px 0 0 50px;
  padding: 0 15px 32px 24px;
  margin: 50px 0 0 auto;
}

/* 日本初 */
.bfx_contents_block .bfx_only1jp_ef{
  width: 100%;
  height: 255px;
  background-image: url(../images/alpha/bfx2601bluebg2sp.jpg);
  background-size: cover;
  background-position: bottom center;
  padding: 14px 0 0;
}
  /* 日本初 */
  .bfx_contents_block .bfx_only1jp_ef{
    width: 100%;
    height: auto;
    padding: 14px 0 0;
  }
.bfx_contents_block .bfx_only1jp_textarea{
  width: 100%;
  margin: 0 auto;
  background-image: url(../images/alpha/bfx2601blue_jp_lay_sp.webp);
  background-position: center;
  background-size: 100% auto;
  height: 200px;
  position: relative;
  top: 0px;
}
.bfx_contents_block .bfx_only1jp_textarea .head_ttl{
  font-size: calc(25px * 1.6);
  padding-bottom: 16px;
}
.bfx_contents_block .bfx_only1jp_textarea .head_ttl::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom: 4px;
  height: 8px;
  background-size: auto 100%;
  background-position: left center;
}
.bfx_contents_block .bfx_only1jp_text{
  font-size: calc(16px * 1.6);
  margin: 12px auto 0;
  width: 84%;
}

/* 秘密は〜 */
.bfx_contents_block #about_bifix{
  padding-bottom: 40px;
}
.bfx_contents_block #about_bifix .h2_himitsu_img{
  margin: 0 auto;
  padding-top: 14px;
  width: 60vw;
  max-width: 640px;
  height: auto;
}
.bfx_contents_block #about_bifix h2 span{
  font-size: calc(25px * 1.6);
  display: inline;
  border-bottom: none;
  margin-top: 70px;
  line-height: 2;
  background:
    linear-gradient(#bca331, #bca331)
    bottom left / 100% 4px no-repeat;

  padding-bottom: 0.35em;

  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.bfx_contents_block .about_bifix_content{
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: auto;
  margin: 35px auto;
}
.bfx_contents_block .about_bifix_textbox{
  width: auto;
  padding: 0 12px;
}
.bfx_contents_block .about_bifix_text{
  font-size: calc(14px * 1.6);
}

.bfx_contents_block .about_bifix_ph2{
  width: 77%;
  gap: 16px;
  margin: 0 auto;
}
.bfx_contents_block .about_tansa{
  width: auto;
  padding: 30px 10px;
  background: none;
  border: none;
}

/* 続けやすい理由 */

.bfx_contents_block #bfx_benefits{
  background-image: url(../images/alpha/bfx2601bft_bg.jpg);
  background-position: top center;
  background-size: 100% auto;
  padding-bottom: 10px;
}

.bfx_contents_block .bfx_benefits_h2{
  padding-top: 50px;
  width: 84%;
  margin: 0 auto;
}


.bfx_contents_block .bfx_benefits_content{
  display: flex;
  flex-direction: column;
  width: 96%;
  gap: 35px;
  margin: 35px auto 0;
}
.bfx_contents_block .bfx_benefits_box{
  width: auto;
}
.bfx_contents_block .bfx_benefits_box_inner{
  padding: 12px;
}
.bfx_contents_block .bfx_benefits_box h3{
  width: 100%;
  margin: 0 auto;
  background: none;
  padding: 15px 0;
}
.bfx_contents_block .bfx_benefits_box .bfx_benefits_text{
  font-size: calc(14px * 1.6);
  margin-bottom: 18px;
}
.bfx_contents_block .bfx_benefits_box .bfx_benefits_text_b{
  font-size: calc(14px * 1.6);
  margin-bottom: 18px;
}
/* おいしく続けて〜 */
.bfx_contents_block .try_top{
  padding: 15px 10px 40px;
  width: auto;
}
  
#shop #movie .movie_list{ justify-content: center;}
#shop #movie .movie_list li:nth-child(2n){ margin-left:0;  }
#shop #movie .movie_list li:not(:last-child){ margin-bottom: 6%; }

.bfx_contents_block #movie .movie_list p { text-align: center!important; }
#lineup a{ font-size: 1.4em; }

#lineup p {  font-size: 2em; padding:0 6% ; margin-bottom: 8%; line-height: 1.4em;}
#lineup p span{ font-size:1.6em; }
#lineup picture{ width: 82%; }

}

@media screen and (max-width: 640px){

  .bfx_contents_block #bfx_w_points .point1{
    position: relative;
    top: -25px;
    margin-bottom: -20px;
    margin-bottom: -10px;
    width: 64px;
    width: 84px;
  }
}