/*
Theme Name: 賢威8.0（子テーマ） 
Theme URI: https://rider-store.jp/keni/
Author: 株式会社ウェブライダー		
Author URI: https://web-rider.jp/
Description: 賢威8.0 子テーマです。		
Version: 8.0.0.0
Template: keni80_wp_standard_all_202512251456
*/

@media (min-width: 768px) {
    .col1 .keni-header_outer, .col1 .keni-gnav_outer, .col1 .keni-mv_outer, .col1 .catch-area, .col1 .archive_title_wrap, .col1 .keni-breadcrumb-list_outer, .col1 .keni-footer_outer, .col1 .keni-copyright, .col1 .keni-section_wrap, .col1 .keni-sep-conts_outer, .col1 .keni-footer-panel_outer
 {
        max-width: 1200px !important;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .keni-main .keni-section_wrap
 {
        padding: 0px 0px !important;
    }
}



@media (min-width: 768px) {
    .article_wrap {
        margin-bottom: 0px !important;
    }
}





.article-body p
 {
    margin-bottom: 40px;
    font-size: 18px;
}

body{
    background: url(./images/common/bg.jpg);
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #4d5156;  
}

/*サイト全体背景色*/
body{
  background:#f7f6f5;
}


/*サイト背景色（ベジサ-アサイー）*/
.page-id-2202 {
  background-color: #e8ece9;
}

/*サイト背景色（ベジサ-アップル）*/
.page-id-3024 {
  background-color: #f5ecf4;
}

/*サイト背景色（ベジサ-免疫）*/
.page-id-2896 {
  background-color: #f8f4e6;
}

/*サイト背景色（おもたせ）*/
.page-id-2640 {
  background-color: #e9e4d4;
}

.page-id-2637 {
  background-color: #e9e4d4;
}

.page-id-2646 {
  background-color: #e9e4d4;
}

.page-id-2643 {
  background-color: #e9e4d4;
}





/*TOPロゴ大きさ・バナー高さ*/
.site-title img{
	width: 300px;
	margin: 0px 0 px;
}

/*ストライプボーダー非表示*/
.keni-header_wrap {
   background: none;
}

/*バナーカラー*/
.keni-header_wrap {
    background-color: #eae1cf;
}

/*フッターカラー*/
.keni-footer_wrap {
    background-color: #eae1cf;
}

/*グローバルメニュー 文字大きさ*/
.keni-gnav_inner li a {
	font-size: 1.2em;
	text-align: center;	
}

/*グローバルメニューnolink*/
.menu-nolink a {
  pointer-events: none;
}

/*グローバルメニュー2.3幅*/
@media only screen and (min-width : 736px){
.keni-gnav_inner ul li:nth-child(2) ul a {
   width: 280px!important;
}
.keni-gnav_inner ul li:nth-child(3) ul a {
   width: 280px!important;
}
}

/*成分図バナー下角丸*/
.under-radius {
border-radius: 0 0 10px 10px;
}


/*各ページグレー帯下角丸*/
.col-wrap_onimage > .col .col-text_onimage {
    border-radius: 0 0 8px 8px;
}







/*TOPバナー下角丸*/
.keni-mv_outer > img {
border-radius: 0 0 10px 10px;
}


/*行間ひし形ー*/
.interval02 span {
    background-color: #c7a89a;
}


/*サイトの説明文ー*/
.keni-header {
    position: relative;
}
.keni-header .keni-header_cont {
  position: relative;
  top: 10px;
	padding: 20px;
	border-radius: 5px;
	background: linear-gradient(156deg, rgb(234, 225, 207) 0.00%, rgb(255, 255, 255) 100.00%);
}

.gradient-text01 {
background: linear-gradient(90deg, #a47864 0%, #f3b7c2 31%, #c9ac9e 100%);
color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
padding: 10px;
}

/*テーブルカラー*/
.table-block th {
	background: #eae1cf;
}

.table-block td {
	background-color: #fff;
}

@media (min-width: 768px) {
    .step-chart_style02 > li {
        display: inline-block;
        width: 12%;
        margin-right: 20px;
        padding: 20px;
        font-size: 1.6rem;
        vertical-align: middle;
    }
}

/*テーブル文字右寄せ*/
.right-align-cell {
  text-align: right;
}



/*番号リスト文字サイズー*/
.list_style02 {
    font-size: 1.2em;
}

/*p段落行間ー*/
.article-body p {
	margin-bottom: 30px!important;
}


/*------*/
.keni-main .article_wrap {
	writing-mode;
	background: initial;
}

/*販売Linkバナーデザイン*/
.item-box03 .item-box_inner {
    padding: 20px!important;
    border: 2px solid #ddd;
    background-color: #ffffff;
	border-radius: 10px;
	margin: 50px;
}

.item-box03 .item-box_title {
    background-color: #a47864 !important;
    border-radius: 0.5rem;
}

/*販売購入ボタンデザイン*/
.btn, a.btn, button.btn {
    border-radius: 1rem;
}

.btn_orange {
    background: #f8bd19;
    color: #fff;
}





	
/*h2見出し幅100%*/
.midashi-1 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

/* h2デザイン1（通条） */
.heading-style-0 {
	color: #fff;
	text-align: center;
	font-size: 26px;
	margin: 0 0 30px 0 !important;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 10px;
	background: linear-gradient(90deg, rgb(164, 120, 100) 0.00%, rgb(204, 175, 161) 100.00%) !important;
}

/* h2デザイン-VegeSA（Parallax-1上部） */
.heading-style-1 {
	color: #fff;
  text-align: center;
	margin: 0px 0 !important;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(90deg, rgb(0, 96, 93) 0.00%, rgb(41, 171, 167) 100.00%) !important;
}



/* h2デザイン 美綬 コスメティック（Parallax-3上部） */
.heading-style-3 {
	color: #fff;
  text-align: center;
	margin: 0px 0 !important;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(90deg, rgb(0, 103, 154) 0.00%, rgb(144, 213, 240) 100.00%) !important;
}


/* h2デザイン omotase オモタセ（Parallax-4上部） */
.heading-style-4 {
	color: #fff;
  text-align: center;
	margin: 0px 0 !important;
	padding-top:20px;
	padding-bottom:20px;
	border-radius: 10px 10px 0 0;
	background: linear-gradient(90deg, rgb(134, 60, 57) 2.57%, rgb(184, 148, 147) 100.00%) !important;
}



/* 角丸　背景白（bijyu） */
.radius {
background-color: #fff;
padding: 20px;
border-radius: 8px;
}

/* 角丸　背景白（omotase） */
.radius2 {
background-color: #fff;
padding: 40px 20px 0 20px;
border-radius: 8px;
}



/*---------- Parallax-1 ----------*/
.para_wrap1{
  margin:0 calc(50% - 50vw);
}
.para_image1{
	height: 60vh;
	background: url(https://www.beeh.co.jp/wp-content/uploads/2026/01/vegesa-parallax.jpg);
	background-size: cover;
	position: relative;
}

.center-position
 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 20px;
    padding-bottom: 40px;
}

/* 背景色（Parallax-1下部） */
.w100vw-1{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding:20px;
  box-sizing:border-box;
  background:#e6eae3;
}

/* Parallax内バナー色*/
.box-banner {
	display:inline-block;
	align-items: center;
	padding: 1em;
	border-radius: 5px;
	background-color: rgba( 255, 255, 255, 0.40 );
}



.box-banner-1 {
	display:inline-block;
	justify-content: center;
	align-items: center;
	margin:15px auto;
	padding: .1em 1em;
	border: none;
	border-radius: 5px;
	background-color: rgba( 255, 255, 255, 0.70 );
	color: #4d5156;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.box-banner-2 {
	display:inline-block;
	justify-content: center;
	align-items: center;
	margin:15px auto;
	padding: .1em 1em;
	border: none;
	border-radius: 5px;
	background-color: rgba( 255, 255, 255, 0.70 );
	color: #4d5156;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}







/*---------- Parallax-2 ----------*/
.para_wrap2{
  margin:0 calc(50% - 50vw);
}
.para_image2{
	height: 60vh;
	background: url(https://www.linkarms.com/wp-content/uploads/2025/11/bees.jpg);
	background-size: cover;
	position: relative;
}

.center-position
 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 20px;
    padding-bottom: 40px;
}

/* 背景色（Parallax-1下部） */
.w100vw-2{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding:20px;
  box-sizing:border-box;
  background:#e6eae3;
}



/*---------- Parallax-3 ----------*/
.para_wrap3{
  margin:0 calc(50% - 50vw);
}
.para_image3{
	height: 60vh;
	background: url(https://www.beeh.co.jp/wp-content/uploads/2026/01/bijyu-parallax.jpg);
	background-size: cover;
	position: relative;
}

.center-position
 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 20px;
    padding-bottom: 40px;
}

/* 背景色（Parallax-3下部） */
.w100vw-3{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding:20px;
  box-sizing:border-box;
  background:#eaf4fc;
}


/*---------- Parallax-4 ----------*/
.para_wrap4{
  margin:0 calc(50% - 50vw);
}
.para_image4{
	height: 60vh;
	background: url(https://www.beeh.co.jp/wp-content/uploads/2026/01/omotase-parallax.jpg);
	background-size: cover;
	position: relative;
}

.center-position
 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 20px;
    padding-bottom: 40px;
}

/* 背景色（Parallax-4下部） */
.w100vw-0{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding:20px;
  box-sizing:border-box;
  background:#e9e4d4;
}

















.w100vw2{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding:20px;
  box-sizing:border-box;
  background: #EECE34;
}








 .flow_design {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow {
  padding-left: 0;
}

.flow > li {
  list-style-type: none;
  display: flex;
}

.flow > li:not(:last-child) {
  margin: 0 0 50px;
}

.flow > li .icon01 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #;
  text-align: center;
  background: #f0f0e5;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon01::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #f0f0e5;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow > li .icon02 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #e4c7b8;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon02::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #e4c7b8;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow > li .icon03 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #bca992;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon03::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #bca992;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow > li .icon04 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #c49e88;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon04::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #c49e88;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow > li .icon05 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #a28777;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon05::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #a28777;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow > li .icon06 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #a47764;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon06::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #a47764;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.flow > li .icon07 {
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #8b645a;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.flow > li .icon07::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #8b645a;
  position: absolute;
  bottom: -20px;
  left: 0;
}








.flow > li dl {
  padding: 0 0 0 30px;
  width: calc(100% - 115px);
}

.flow > li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 4px solid #eae1cf;
  position: relative;
}
.flow > li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #A47864;
}

.flow > li dl dd {
  margin: 0;
}






.anim-box.fadeup.is-animated {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeup {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}



/* LPアンケート */
.col1 .type-lp .keni-section_wrap {
    padding-top: 0;
    margin: 10px;
}