@charset "utf-8";

.ecm-wrap[data-layout="default"] {
  line-height: 1.5;
  font-size: 14px;
  color: #333;
}

.w1008{
  width: 1008px;
  margin: 0 auto;
}

.ecm-ranking-alcor-name{
  font-size: 13px!important;
}

/*
 rn-floatingNavi [module]
========================================= */

.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi {
  height: 70px;
  background-color: #f8f3ec;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
}
.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi-item {
  width: 160px;
  cursor: pointer;
  border-bottom: none;
}

.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi-item:not(:first-child)::before{
  content: '';
  position: absolute;
  top: 14px;
  left: 0;
  width:2px;
  height:40px;
  background-color: #e1d6c4;
}
.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true],
.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi-item:hover {
  position: relative;
  font-weight: normal!important;
  border-bottom: none;
}
.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]::after,
.ecm-floating-navi-container[data-layout="protein"] .ecm-floating-navi-item:hover::after {
  content: '';
  position: absolute;
  background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/active_border.png) no-repeat;
  width: 100%;
  height: 5px;
  background-size: 100% 5px;
  bottom: 0;
  left: 0;
  border-bottom:none!important;
}

.rn-floatingNavi[data-layout="protein"] .rn-floatingNavi__menuLink{
  padding: 0;
  font-size: 15px;
  justify-content: center;
  color: #595959 !important;
  text-align: center;
}
.rn-floatingNavi[data-layout="protein"] a.rn-floatingNavi__menuLink:hover{font-weight: normal!important;}


/*
 section
========================================= */
.section{padding-top: 76px;}
.section[data-bg="f8f3ec"]{background-color: #f8f3ec;}
.section.con._01{padding-bottom: 80px;}
.section.con._02{padding-bottom: 40px;}
.section.con._03{padding-bottom: 68px;}
.section.con._04{padding-bottom: 64px;}
.section.con._05{padding-bottom: 80px;}
.section.con._06{padding-bottom: 64px;}
.section.con._07{padding-bottom: 56px;}
.section.con._08{padding-bottom: 56px;}
.section.con._09{padding-bottom: 58px;}


/*
 ecm-headline [module]
========================================= */

.ecm-headline__headline {
  margin: 0 0 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.ecm-headline__headline--underline,.ecm-headline__headline.-underline {
  position: relative;
  margin-bottom: 40px;
}

.ecm-headline__headline--underline:before,.ecm-headline__headline.-underline:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  display: block;
  width: 120px;
  height: 2px;
  transform: translateX(-50%);
  background-color: #333;
}

.ecm-headline[data-layout="protein"] .ecm-headline__headline{
  font-size: 36px;
  color: #595959;
  margin-bottom: 44px;
}
.ecm-headline[data-layout="protein"] .ecm-headline__headline.-underline::before{
  content: '';
  width: 81px;
  height: 12px;
  background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/title_border.png) no-repeat!important;
  bottom: -20px;
}


/*
 section__lead
========================================= */
.section__lead{
  font-size: 16px;
  text-align: center;
  color: #595959;
  margin-bottom: 36px;
}


/*
pitari
========================================= */
.d-flex.-pitari{
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
}
.pitari__list{
  width: calc((100% - 48px)/3);
  margin: 0;
  box-shadow: 0 0 12px 3px rgba(4,0,0,.2);
  background-color: #fff;
}
.pitari__link{
  display: flex;
  flex-direction: column;
  padding: 24px;
  height: 100%;
  box-sizing: border-box;
}
.pitari__link:hover {
  opacity:.8;
  text-decoration: none;
}
.pitari__image {
  width:100%;
  margin: 0;
}
.pitari__text{
  width: 100%;
  height: 100%;
  margin-top: 12px;
  font-size: 16px;
  color: #000!important;
  display: flex;
  flex-direction: column;
}
.pitari__itemFeatures{
  padding-bottom:20px
}
.pitari__button{
  width: 240px;
  height: 45px;
  border-radius: 22.5px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f27ea9;
  position: relative;
  margin: 0 auto;
  margin-top: auto;
}
.pitari__button::after{
  content: '';
  width: 6px;
  height: 6px;
  border-right:solid 2px #fff;
  border-bottom:solid 2px #fff;
  position: absolute;
  transform:rotate(-45deg);
  top: 17px;
  right: 18px;
}


/*
 knowledge
========================================= */

.ecm-accordion[data-layout="protein"] {
  width: 770px;
  margin-right: auto;
  margin-left: auto;
}

.ecm-accordion[data-layout="protein"] .ecm-accordion-trigger {
  width: 100%;
  height: 91px;
  padding: 0 39px;
  box-sizing: border-box;
  position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}
.ecm-accordion[data-layout="protein"] .ecm-accordion-trigger::before {
  content: '';
  display: inline-flex;
  align-items: center;
  width:33px;
  height: 26px;
  background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/question_icon.png) no-repeat;
}

.knowledge{
  border-radius: 8px;
  overflow:hidden;
}
.ecm-accordion[data-layout="protein"] .ecm-accordion-trigger > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:calc(100% - 33px);
}
.ecm-accordion[data-layout="protein"] .ecm-accordion-item .ecm-accordion-trigger[aria-expanded="true"] .ecm-icon-plus,
.ecm-accordion[data-layout="protein"] .ecm-accordion-item .ecm-accordion-trigger[aria-expanded="false"] .ecm-icon-minus {
  display: none;
}
.knowledge._01 .rp-showMore__button[data-layout="protein"],
.knowledge._01 .rp-showLess__button[data-layout="protein"]{background-color: #89b71c;}
.knowledge._02 .rp-showMore__button[data-layout="protein"],
.knowledge._02 .rp-showLess__button[data-layout="protein"]{background-color: #f27ea9;}
.knowledge._03 .rp-showMore__button[data-layout="protein"],
.knowledge._03 .rp-showLess__button[data-layout="protein"]{background-color: #49b2ce;}
.knowledge .ecm-accordion-panel {
  padding: 0 10px 10px;
  background-color: transparent;
}
.knowledge._01{background-color: #89b71c;}
.knowledge._02{background-color: #f27ea9;}
.knowledge._03{background-color: #49b2ce;}
.knowledge__wrap{
  border-radius: 8px;
  background-color: #fff;
  padding: 28px 31px 32px;
}
.knowledge__answer{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.02em;
  padding-bottom: 20px;
  border-bottom:dotted 4px #989898;
}
.knowledge._01 .knowledge__answer{
  color: #608701;
  margin-bottom: 20px;
}
.knowledge._02 .knowledge__answer{
  color: #e56997;
  margin-bottom: 47px;
}
.knowledge._03 .knowledge__answer{
  color: #379eba;
  margin-bottom: 25px;
}
.knowledge__timing{
  display: flex;
  flex-wrap:wrap;
  width: 653px;
  margin: 0 auto;
}
.knowledge__timingBox{
  width:calc((100% - 16px) / 3);
  margin-right: 8px;
  border-radius: 8px 8px 5px 5px;
  padding-bottom: 12px;
  background-color: #f7f0f3;
}
.knowledge__timingBox._diet{margin-right: 0!important;}
.knowledge__timingTitle{
  padding: 22px 0 0;
  margin-bottom: 16px;
  height: 51px;
  box-sizing: border-box;
  background-color: #f4dde6;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #e56997;
  position: relative;
}
.knowledge__timingTitle::before{
  content: '';
  display: block;
  position: absolute;
  top: -25px;
  left: 50%;
  width: 49px;
  height: 49px;
  transform:translateX(-50%);
}
.knowledge__timingBox._muscle .knowledge__timingTitle::before{background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/question2_icon01.png) no-repeat;}
.knowledge__timingBox._protein .knowledge__timingTitle::before{background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/question2_icon02.png) no-repeat;}
.knowledge__timingBox._diet .knowledge__timingTitle::before{background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/question2_icon03.png) no-repeat;}
.knowledge__point{
  width: 652px;
  margin-right: auto;
  margin-left: auto;
}
.knowledge__point > *{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}



/*
 ecm-search [module]
========================================= */
.ecm-search[data-layout="protein"] {
  width: 682px;
  margin: 0 auto 27px;
  height: 56px;
  border: 2px solid #595959;
  border-radius: 4px;
  font-size: 16px;
}
.ecm-search[data-layout="protein"] .ecm-search-submit {
  width: 54px;
  background: #595959;
  font-size: 24px;
}
.ecm-search[data-layout="protein"] .ecm-search-submit .ecm-icon-search {
  font-size: 24px;
}
.ecm-search[data-layout="protein"] .ecm-search-input {
  font-size: 16px;
}

/*
 keyword
========================================= */
.keywordWrap{
  width: 682px;
  margin: 0 auto;
}
.keyword__link{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 52px;
  color: #fff!important;
  font-size: 16px;
  background-color: #f27ea9;
  border-radius: 26px;
}
.keyword__link > span {
  display: block;
}
.keyword__link:hover {
  opacity:.8;
  text-decoration: none;
}


/*
 ri-searchAlcor [module]
========================================= */
.ecm-alcor-layout-default .ecm-search-alcor-v2-image-container {
  padding: 10px;
}
.ecm-alcor-layout-default .ecm-search-alcor-v2 {
  box-shadow: 0 0 6px rgba(4,0,0,.2);
}
.ecm-alcor-layout-nutrients .ecm-search-alcor-v2 {
  border-radius: 4px;
}

.rl-column3[data-layout="protein"] .ri-searchAlcor{box-shadow: 0 0 6px rgba(4,0,0,.2);}
.rl-column3[data-layout="protein"] .ri-searchAlcor.-normalised .ri-searchAlcor__tooltipLink{top: 180px !important;}
[data-layout="protein"] .ri-searchAlcor a.ri-searchAlcor__imageLink{padding: 10px;}


/*
 ranking
========================================= */
.ranking{
  padding: 24px 0 40px;
  border-radius: 8px;
  position: relative;
}
.ranking::before{
  content: '';
  position: absolute;
  display: block;
  width: 91px;
  height: 97px;
  top: -8px;
  left: 232px;
  z-index:1;
}
.ranking._01{background-color: #f6faed;}
.ranking._02{background-color: #f7f0f3;}
.ranking._03{background-color: #f0f6f7;}
.ranking._01::before{background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/ranking_icon01.png) no-repeat;}
.ranking._02::before{background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/ranking_icon02.png) no-repeat;}
.ranking._03::before{background: url(https://r.r10s.jp/evt/event/health/protein/_pc/img/20231023/ranking_icon03.png) no-repeat;}
.ranking__title{
  width: 535px;
  margin: 0 auto 12px;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding-left: 44px;
  box-sizing: border-box;
  color: #595959;
  padding-bottom: 7px;
  border-bottom:dotted 2px #989898;
}
.ranking__button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 378px;
  height: 58px;
  margin: 0 auto;
  border-radius: 29px;
  font-size: 24px;
  color: #fff!important;
  position: relative;
}
.ranking._01 .ranking__button{background-color: #88b61c;}
.ranking._02 .ranking__button{background-color: #f27ea9;}
.ranking._03 .ranking__button{background-color: #49b2ce;}
.ranking__button::after{
  content: '';
  width: 8px;
  height: 8px;
  border-right:solid 3px #fff;
  border-bottom:solid 3px #fff;
  transform:rotate(-45deg);
  top: 23px;
  right: 17px;
  position: absolute;
  box-sizing: content-box;
}
.ranking__button:hover {
  opacity:.8;
  text-decoration: none;
}
.ranking__note{
  font-size: 14px;
  color: #717171;
  padding: 24px 40px;
  background-color: #f0f0f0;
}
.ranking .ecm-slider-prev,
.ranking .ecm-slider-next {
  top: calc(50% - 70px);
}
.ranking .ecm-ranking-alcor-updatedate {
  margin-top: 32px;
}

/*
 flavord
========================================= */
.flavord{position: relative;}
.flavord__link{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:1;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff!important;
  text-shadow:1px 1px 8px rgba(4,0,0,.2);
}
.flavord__link > span { 
  display: block;
}
.flavord:hover {
  opacity:.8;
}
.flavord:hover .flavord__link {
  text-decoration: none;
}


/*
 con09
========================================= */
.con._09 .d-grid a {
  display: block;
}
.con._09 .d-grid a:hover {
  opacity:.8;
}

/*
 チョコザップ追加バナー
========================================= */
.bnr_wrap {
  width: 700px;
  margin: 0 auto;
}

.bnr_wrap ul li a:hover{
  opacity: .8;
}