@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");

.healthcare {
font-family: yugothic, Yu Gothic, 游ゴシック体, 游ゴシック, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, meiryo, MS ゴシック, MS Gothic, sans-serif !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000;
background-color: #fff;
}

.healthcare *{
font-family: yugothic, Yu Gothic, 游ゴシック体, 游ゴシック, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, meiryo, MS ゴシック, MS Gothic, sans-serif !important;
}

.healthcare .feature__top { margin: 10px 0 0; }

.healthcare .feature__title { margin-bottom: 0; margin-top: 0; }

.healthcare__lead {
margin: 36px 65px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare_feature {
margin: 36px 65px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .offer__lead__about { margin: 0 65px 26px; }

.healthcare .offer__lead h2 {
margin: 0 0 50px;
font-size: 18px;
color: #222;
font-weight: 400;
cursor: pointer;
}

.healthcare .healthcare_feature_icon { border: 1px solid #000; background-color: #fff; }

.healthcare .healthcare_feature_icon_bg { padding: 15px 8px 10px; background-color: #fff; }

.healthcare .healthcare_feature_icon_bg ul { margin: 0 auto; width: 40%; }
.healthcare .healthcare_feature_icon_bg li { display: inline; padding-right: 5px; }
.healthcare .healthcare_feature_icon_bg li:last-child { padding-right: 0; }

.healthcare .healthcare_feature__title {
position: relative;
padding: 0 0 15px;
font-size: 18px;
font-weight: 700;
color: #000;
text-align: center;
cursor: pointer;
}

.healthcare .healthcare_feature__title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 30px;
margin-top: -11px;
border-top: 10px solid #000;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
transition: all 0.3s ease;
}

.healthcare .healthcare_feature__title.close:before { border-top: 0; border-bottom: 10px solid #000; }
.healthcare .healthcare_feature__title.close:after { background-image: none; }

.healthcare_main_area { -webkit-box-sizing: border-box; box-sizing: border-box; }
.healthcare_main_area img { height: auto; vertical-align: top; }
/*
.healthcare .feature__local-navigetion {
display: flex;
flex-wrap: wrap;
margin: 0 auto 20px;
max-width: 700px;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .feature__local-navigetion li {
position: relative;
margin-bottom: 10px;
padding: 10px 10px 30px;
background-color: #af7828;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .feature__local-navigetion .navCol { width: calc(25% - 10px); }
.healthcare .nav__item p { color: #fff; }
*/
.healthcare .nav__title {
font-weight: 700;
font-size: 1.3rem;
text-align: center;
padding: 10px 0 5px;
text-align: left;
color: #231815;
}

.healthcare .nav__title_new {
  display: inline;
  font-weight: 700;
  font-size: 1.3rem;
  text-align: center;
  padding: 10px 0 5px;
  text-align: left;
  color: #c00;
  }

.healthcare .offer__wrapper { background-color: #fff;}

.healthcare nav { margin: 0 auto 0; width: 468px; }
/*
.healthcare .offer__nav__link {
display: flex;
display: -webkit-flex;
margin-bottom: 30px;
}
*/

.healthcare .feature__local-navigetion {
padding: 0 20px;
background-color: #e4e873;
border-radius: 6px;
}
/*
.healthcare .feature__local-m_navigetion {
padding: 0 12px;
background-color: #Bbc565;
}
*/
/*
.healthcare .feature__local-navigetion:last-child,
.healthcare .feature__local-m_navigetion:last-child { border-radius: 0 0 5px 5px; }
*/
.healthcare .feature__local-navigetion li,
.healthcare .feature__local-m_navigetion li {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.healthcare .feature__local-navigetion .navCol,
.healthcare .feature__local-m_navigetion .navCol {
border-bottom: 1px dotted #231815;
}

.healthcare .feature__local-navigetion .navCol .down__arrow,
.healthcare .feature__local-m_navigetion .navCol .down__arrow {
display: flex;
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;
padding: 20px 0;
}

.healthcare .feature__local-navigetion li:last-child,
.healthcare .feature__local-m_navigetion li:last-child {
border-bottom: 0;
}

.healthcare .feature__local-navigetion a {
font-size: 1.5rem;
color: #231815;
}

.healthcare .feature__local-navigetion a:hover {
opacity: 0.6;
}


.healthcare .down__arrow:after {
content: "";
display: block;
position: absolute;
margin-top: -4px;
top: 50%;
right: 4px;
border: 7px solid transparent;
border-top: 9px solid #231815;
}
/*
.healthcare .recipe-archive__list {
display: flex;
display: -webkit-flex;
width: 700px;
margin: 0 auto 30px;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.healthcare  .recipe-archive__list__item { margin: 0 10px 15px 0; }

.healthcare .recipe-archive__list__item {
width: calc(100% / 3);
background: #76952F;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}


.recipe-archive__list li:nth-child(odd) { padding: 5px 5px 5px 0; }
.recipe-archive__list li:nth-child(even) { padding: 5px 5px 5px 0; }

a.healthcare_link {
position: relative;
display: flex;
display: -webkit-flex;
padding: 30px 5px 47px;;
font-size: 18px;
line-height: 1.3;
color: #000;
font-weight: 400;
-webkit-justify-content: center;
justify-content: center;
}

a.healthcare_link:hover { text-decoration: none; background-color: rgb(255 221 131 / 50%); }
*/

a.healthcare_m_link {
position: relative;
display: flex;
display: -webkit-flex;
padding: 20px 5px 35px;;
font-size: 18px;
line-height: 1.3;
background-color: #76952F;
color: #fff;
font-weight: 400;
-webkit-justify-content: center;
justify-content: center;
}

a.healthcare_m_link:hover { text-decoration: none; background-color: rgb(187 197 101 / 50%); }

.healthcare_link:before, .healthcare_m_link:before {
width: 3px;
height: 12px;
left: 50%;
background: #fff;
}

.healthcare_link:after, .healthcare_m_link:after {
width: 10px;
height: 10px;
left: 50%;
margin-left: -5px;
transform: rotate(45deg);
background: transparent;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
}

.healthcare_link:before, .healthcare_link:after,
.healthcare_m_link:before, .healthcare_m_link:after{
content: "";
display: block;
position: absolute;
bottom: 18px;
}

.healthcare li, .healthcare ul { list-style: none;}

.healthcare_feature_inner { background-color: #fff; }
.healthcare_feature_inner li {
display: flex;
display: -webkit-flex;
padding: 0 10px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* アイコン説明 */
.healthcare_feature_inner li .hc-ico {
display: block !important;
width: calc( 100% / 6);
height: calc( 100% / 6) !important;
height: auto;
margin: 0 auto 10px;
padding-right: 20px;
}

.healthcare_feature_inner .hc-ico-area { flex-grow: 1; margin: 0 0 15px; }

.healthcare_feature_inner li .hc-ico-title {
padding-bottom: 4px;
margin: 0 15px 15px;
background-color: #fff;
border-bottom: 1px solid #000;
font-size: 1.166rem;
line-height: 1.3;
font-weight: 700;
color: #000;
text-align: center;
}

.hc-ico-text { margin: 14px 10px 0; }

.hc-ico-text li {
padding-bottom: 10px;
font-size: 1.166rem;
line-height: 1.3;
}

.hc-ico-att {
padding-bottom: 20px;
font-size: 1rem;
line-height: 1.3;
}

.hc-ico-text li:before { content: "・"; }

.healthcare .hc_title__category--sub {
margin: 60px 0 20px;
color: #000;
font-size: 24px;
line-height: 1.5;
text-align: center;
font-weight: 700;
}

.healthcare .hc_category--text {
position: relative;
margin: 30px 0 30px;
padding: 15px 20px;
font-size: 16px;
text-align: left;
color: #000;
background-color: #fef3e2;
}

.healthcare .hc_category--stitle {
margin: 40px 0 20px;
padding: 20px;
font-size: 18px;
text-align: center;
font-weight: 700;
color: #000;
background: #FEEFC1;
}

.healthcare .hc_category-title {
margin: 50px 0 20px;
padding: 20px 20px;
font-size: 18px;
line-height: 1.5;
text-align: center;
font-weight: 700;
color: #231815;
background-color: #e4e873; 
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*
.healthcare {
margin: 0 auto 20px;
padding: 0 0 5px;
font-size: 18px;
text-align: center;
}
*/



.healthcare .hc_category-stitle {
  margin: 40px 0 20px;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  color: #76952F;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  }

.healthcare .hc_cross_sell--block {
display: block;
margin: 30px auto 20px;
padding: 8px 20px;
width: 385px;
font-size: 1.5rem;
text-align: center;
font-weight: 700;
color: #fff;
background-color: #5D5D5D;
}
/*
.healthcare .hc_category--protein-block { text-align: center;}
.healthcare .hc_category--protein {
display: block;
margin: 0 auto 30px;
width: 385px;
padding: 2px;
border: #231815 1px solid;
background-color: #fff;
font-size: 14px;
color: #231815;
text-align: center;
font-weight: 700;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
*/

.healthcare .hc_category-mokuteki {
margin: 25px 0;
font-size: 18px;
line-height: 1.5;
color: #000;
text-align: center;
font-weight: 400;
}

.healthcare .feature__category--text.soup_area { margin: 60px 0 30px; }

.healthcare .offer-item { margin-bottom: 60px; }

.healthcare_button {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
font-weight: 400;
text-align: center;
line-height: 1.3;
}

.healthcare_button:after {
content: "";
display: block;
position: absolute;
width: 10px;
height: 10px;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
right: 12px;
top: 50%;
margin-top: -7px;
}



/* kitOisix吹き出し */
/*
.healthcare_kit .cate_item_list:nth-child(1)::before { content: "下味のついたやわらかチキン\A爽やかなハーブソースで"; white-space: pre;}
.healthcare_kit .cate_item_list:nth-child(2)::before { content: "混ぜてレンジで加熱するだけ！\Aごはんすすむ味しみ主菜をお手軽に"; white-space: pre;}
.healthcare_kit .cate_item_list:nth-child(3)::before { content: "揚げ済みのあじ竜田をカリっと焼き\A辛さ控えめなチリソースをからめて"; white-space: pre; }
*/
.healthcare_kit .cate_item_list:nth-child(1)::before,
.healthcare_kit .cate_item_list:nth-child(2)::before,
.healthcare_kit .cate_item_list:nth-child(3)::before{
position: absolute;
padding: 5px;
height: 36px;
left: 0px;
right: 0px;
top: -57px;
margin: auto;
text-align: left;
background-color: #eee;
color: #000;
border: 1px solid transparent;
border-top: 1px solid #eee;
z-index: 100;
}

.healthcare_kit .cate_item_list:nth-child(1)::after,
.healthcare_kit .cate_item_list:nth-child(2)::after,
.healthcare_kit .cate_item_list:nth-child(3)::after{
content: "";
position: absolute;
left: 121px;
top: -10px;
border: 8px solid transparent;
border-top: 8px solid #eee;
z-index: 90;
}

#pan01 .item__list.healthcare_kit{ margin-top:80px; }

/* スライダー */
.hc-swiper-area { width: 650px; margin: 0 65px 30px; }
.hc-swiper-area .swiper-wrapper { height: auto; }
	
.hc-swiper-area .swiper-container {
width: 100%;
padding: 0 0 42px !important;
background-color: #fff;
}
	
.hc-swiper-area .swiper-slide { height: auto; }

.hc-swiper-area .swiper-button-prev, .hc-swiper-area .swiper-container-rtl .swiper-button-next { background-image: none !important; }
.hc-swiper-area .swiper-button-next, .hc-swiper-area .swiper-container-rtl .swiper-button-prev { background-image: none !important; }
	
.hc-swiper-area .swiper-button-next, .hc-swiper-area .swiper-button-prev {
width: 45px !important;
height: 45px !important;
border-radius: 100%;
background: rgba(0,0,0,0.2);
margin-top: 21.4%;
top: 0px;
}
	
.hc-swiper-area .swiper-button-next:after, .hc-swiper-area .swiper-button-prev:after {
content: "";
width: 12px;
height: 12px;
border-width: 3px 3px 0px 0px;
border-style: solid;
border-color: #FFFFFF;
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
}
	
.hc-swiper-area .swiper-button-next:after { transform: translate(-65%, -50%) rotate(45deg); }
.hc-swiper-area .swiper-button-prev:after { transform: translate(-35%, -50%) rotate(-135deg); }
.hc-swiper-area .swiper-pagination { bottom: 14px !important; position: absolute; }
	
/*ページャー●の色味*/
.hc-swiper-area .swiper-pagination-bullet {
width: 14px !important;
height: 14px !important;
padding: 0px;
background: #bdbab9 !important;
opacity: 1 !important;
}
.hc-swiper-area .swiper-pagination-bullet-active { background: #e3904a !important; }

/* スライダー調整 */
.healthcare_navTitle {
margin: 0 0 10px;
text-align: center;
font-size: 18px;
line-height: 1.3;
font-weight: 700;
}

.healthcare_kit .cate_item_list .cate_item_head_image:before {
content: "";
position: absolute;
bottom: 0;
right: 5px;
width: 60px;
height: 60px;
z-index: 100;
}

/* モーニングスープ */
.hc-msoup-main { width: 650px; margin: 20px auto 20px; }

.hc-msoup__lead__btn {
width: 650px;
border: 1px solid #23adde;
background-color: #fff;
margin: 0 auto 25px;
}

.hc-msoup__lead__title {
position: relative;
padding: 13px 0;
font-size: 18px;
font-weight: 700;
color: #23adde;
text-align: center;
cursor: pointer;
}

.hc-msoup__lead__title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 30px;
margin-top: -5px;
border-top: 10px solid #23adde;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
transition: all 0.3s ease;
}

.hc-msoup__lead__title.close:before { border-top: 0; border-bottom: 10px solid #23adde; }

.hc-msoup__lead__title.close:after { background-image: none; }

/* 22.09.15up */
.healthcare .hc-teikibox-main {
margin: 60px 0;
}

/*
.healthcare .hc-teikibox-area { margin-top: 50px; padding: 0; }

.healthcare .hc-title-2022 {
margin: 10px auto 28px;
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #000;
}

.hc-teikibox-total {
display: flex;
display: -webkit-flex;
margin: 0 auto 10px;
width: 468px;
}

.hc-teikibox-total li {
padding: 4px 12px;
font-size: 16px;
line-height: 1.3;
border: 1px solid #76952F;
}

.hc-teikibox-total li:first-child {
width: 250px;
color: #fff;
background: #76952F;
}

.hc-teikibox-total li {
width: calc((100% - 180px) / 2);
color: #76952F;
background: #fff;
}

.hc-teikibox-total li:nth-child(1), .hc-teikibox-total li:nth-child(2) { border-right: 0; }

.hc-teikibox-total-attention {
width: 60%;
margin: 0 auto 20px;
font-size: 12px;
color: #5D5D5D;
line-height: 1.4;
font-weight: 400;
text-align: left;
}

.hc-teikibox-detail-block {
width: 700px;
margin: 0 auto;
padding: 30px 5px;
border: 1px solid #76952F;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-teikibox-detail-sttl {
margin-bottom: 20px;
font-size: 16px;
color: #76952F;
font-weight: 700;
text-align: center;
}

.hc-teikibox-detail {
margin: 0 0 30px;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.hc-teikibox-detail li {
width: calc(100% / 4);
padding-bottom: 30px;
text-align: center;
}

.hc-teikibox-detail li img {
width: 160px;
height: auto;
margin-bottom: 10px;
}

.hc-teikibox-detail li .hc-teiki-ryou {
display: block;
font-size: 12px;
color: #333;
line-height: 1.3;
}
*/

.hc-teikibox-about {
margin: 30px auto 30px;
padding: 6px 40px;
width: 468px;
border: 1px solid #5D5D5D;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-teikibox-about .hc-teikibox-about-title {
position: relative;
font-size: 16px;
color: #5D5D5D;
font-weight: 700;
text-align: center;
cursor: pointer;
}

.hc-teikibox-about .hc-teikibox-about-title:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: -27px;
width: 4px;
height: 4px;
margin-top: -4px;
border: 0px;
border-top: solid 2px #5D5D5D;
border-right: solid 2px #5D5D5D;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.5s ease;
}

.hc-teikibox-about .hc-teikibox-about-title.close::after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -2px;
}

.hc-teikibox-about-inner p {
margin-top: 14px;
font-size: 14px;
line-height: 1.5;
color: #5D5D5D;
text-align: left;
}

.hc-teikibox-about-inner .hc-teikibox-about-sttl { font-weight: 700; text-align: center; }

.hc-week-ossume-area {
margin-bottom: 30px;
padding: 20px;
background: #f4f4f4;
}

.hc-week-ossume-block {
margin-bottom: 24px;
padding: 20px;
background: #fff;
}

.mb0 { margin-bottom: 0; }

.hc-week-osusume-title {
padding: 0 0 20px;
text-align: center;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
color: #000;
}

.hc-week-osusume-inner {
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.hc-week-osusume-inner .hc-week-osusume-inner-image { width: 40%; padding-right: 10px; }

.hc-week-osusume-inner .hc-week-osusume-inner-text {
flex: 1;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
}

.hc-week-osusume-sttl {
display: block;
padding-bottom: 2px;
margin-bottom: 15px;
margin-top: 15px;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
border-bottom: 1px solid #000;
}

.hc-week-osusume-sttl:first-child { margin-top: 0; }

.hc-week-osusume-zairyou { margin-bottom: 5px; }
.hc-week-osusume-zairyou li {
font-size: 15px;
line-height: 1.5;
font-weight: 400;
}

.hc-week-osusume-make {
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px 0;
}

.hc-week-osusume-make dt {
display: flex;
display: -webkit-flex;
margin-right: 20px;
padding: 10px;
align-items: center;
font-size: 15px;
line-height: 1.5;
font-weight: 700;
color: #fff;
background: #606060;
text-align: center;
}

.hc-week-osusume-make dd {
flex: 1;
font-size: 15px;
line-height: 1.5;
color: #000;
font-weight: 400;
}

.healthcare_kitoisix { position: relative; margin-top: 50px; }

.healthcare_kitoisix .cate_item_list:nth-child(1)::before, .healthcare_kitoisix .cate_item_list:nth-child(2)::before, .healthcare_kitoisix .cate_item_list:nth-child(3)::before {
position: absolute;
padding: 5px 10px;
left: 10px;
top: -40px;
text-align: left;
background-color: #fff;
color: #000;
border: 3px solid #ffdd83;
border-radius: 5px;
z-index: 100;
}

.healthcare_kitoisix .cate_item_list:nth-child(1)::before { content: "たんぱく質：31.1g"; }
.healthcare_kitoisix .cate_item_list:nth-child(2)::before { content: "たんぱく質：32.7g"; }
.healthcare_kitoisix .cate_item_list:nth-child(3)::before { content: "たんぱく質：23.7g"; }

.hc-detale-area {
background: url(/g6/yasai/images/top_common/common_bg_yasai.png) repeat;
padding: 20px;
margin-bottom: 40px;
}

.hc-detail-inner { 
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.hc-detail-inner li:first-child { width: 40%; padding-right: 20px; }
.hc-detail-inner li:last-child { flex: 1; }

.hc-detail-title {
margin: 15px 0;
text-align: center;
font-size: 18px;
line-height: 1.5;
color: #000;
}

.hc-detail-text {
font-size: 16px;
line-height: 1.5;
color: #000;
}

.hc-detail-sttl {
padding: 9px 15px;
color: #fff;
font-weight: 700;
font-size:  16px;
line-height: 1.5;
background: #909090;
}

.recipe-archive { margin-top: 60px; }

.hd-reco-balloon {
display: inline-block;
position: relative;
padding: 8px;
margin: 0 25px;
max-width: 100%;
color: #000;
font-size: 12px;
line-height: 1.5;
border: 1px solid #909090;
background-color: #f7fbee;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hd-reco-balloon:before {
content: "";
position: absolute;
bottom: -21px;
left: 110px;
transform: translateX(-50%);
border: 12px solid transparent;
border-top: 12px solid #f7fbee;
z-index: 90;
}

.hd-reco-balloon:after {
content: "";
position: absolute;
bottom: -21px;
left: 110px;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #909090;
z-index: 80;
}

.healthcare .hc-teikibox-point-area { margin: 45px 65px 60px; }

.hc-teikibox-point-area .hc-teikibox-point {
position: relative;
padding: 8px;
margin: 0 0 15px;
max-width: 100%;
color: #000;
font-size: 18px;
line-height: 1.5;
border: 1px solid #f4f4f4;
background-color: #f9d1d5;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
}

.hc-teikibox-point:before {
content: "";
position: absolute;
bottom: -21px;
left: 50%;
transform: translateX(-50%);
border: 12px solid transparent;
border-top: 12px solid #f9d1d5;
z-index: 90;
}

.hc-teikibox-point:after {
content: "";
position: absolute;
bottom: -21px;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #f4f4f4;
z-index: 80;
}
		
.healthcare .hc-teikibox-point-area p {
font-size: 1.2rem;
line-height: 1.5;
color: #000;
}

.healthcare .hc-teikibox-point-area p {
font-size: 16px;
line-height: 1.5;
color: #000;
}

/* 2022.12.22 */
/* ページ内リンク */
.hc_catetory {
position: sticky;
top: 0;
z-index: 2;
background: #fff;
overflow-x: auto;
white-space: nowrap;
width: 100%;
box-sizing: border-box;
min-height: 49px;
text-align: center;
}

.hc_catetory.is-up { transition: top 0s .3s; }

.hc_category_anchor__item {
display: inline-block;
width: 30%;
padding: 12px;
line-height: 1.4;
cursor: pointer;
box-sizing: border-box;
}

.hc_category_anchor__item:last-child { width: 35%; }

.hc_category_anchor__item span {
font-size: 15px;
color: #76952F;
font-weight: 700;
}
.hc_category_anchor__item:hover { opacity: 0.6; }
.list-active { border-bottom: 4px solid #131313; }

.hc-teikibox-msg-area {
margin: 0 0 50px;
padding: 40px 18px 25px;
background: #f6ad48;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-teikibox-msg-area .hc-teikibox-msg-inner {
display: flex;
display: -webkit-flex;
margin: 0 auto;
width: 468px;
}

.hc-teikibox-msg-inner .hc-teikibox-comment {
flex: 1;
padding: 10px 10px;
margin: 0 10px 0 0 !important;
position: relative;
color: #231815;
font-size: 1.34rem;
line-height: 1.5;
font-weight: 400;
text-align: left;
background-color: #fff;
-webkit-align-self: flex-start;
align-self: flex-start;
border-radius: 5px;
}

.hc-teikibox-msg-inner .hc-teikibox-comment:after {
content: "";
position: absolute;
top: 40%;
right: -16px;
border: 8px solid transparent;
border-left: 8px solid #fff
}

.hc-teikibox-msg-inner .hc-teikibox-image {
width: 94px;
}

.hc-icon-name {
margin-top: 10px;
color: #fff;
font-size: 1.25rem;
line-height: 1.4;
text-align: center;
}

.healthcare_kit-ico-balllon {
margin: 0 auto 20px;
width: 385px;
}

.healthcare_kit-ico-balllon.hc_other {
margin: 0;
}


.healthcare_kit-balloon.hc_other:after{
left: 15px;
margin-left: 0;
}

/*
.healthcare_kit-ico-balllon {
display: flex;
display: -webkit-flex;
margin: 5px auto;
width: 385px;
-webkit-justify-content: center;
justify-content: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
*/

.healthcare_line-btm {
margin-bottom: 60px !important;
}

.healthcare_kit-balloon {
margin: 0;
padding: 8px;
margin-left: 0;
color: #000;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
position: relative;
background-color: #f2eee5;
text-align: center;
z-index: 90;
}

.healthcare_kit-balloon:after {
content: "";
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -17px;
border: 8px solid transparent;
border-top: 8px solid #f2eee5;
z-index: 80;
}

.hc-kit-comment {
font-size: 16px;
font-weight: 900;
color: #000;
text-align: center;
}

.hc-item-nutrient {
display: flex;
display: -webkit-flex;
margin: 10px 0;
-webkit-justify-content: center;
justify-content: center;
}

.hc-item-nutrient li + li { padding-left: 10px; }

.hc-item-nutrient img { width: 55px; }

/*
.healthcare_kit-ico-balllon .ico-image-block { margin-left: 10px !important; }

.healthcare_kit-ico-balllon .ico-image-block img { width: 100%; height: auto; }

.healthcare_kit-ico-balllon .ico-image-block.no-ico { display: none; }
*/
/*
.set_bg, .shouhintableT, .shouhintag, .shouhintag_sp {
margin-bottom: 40px;
}
*/

.hc_category-block .shouhintableT { margin: 0 !important; }

.hc-recipe-archive-news {
margin: 28px auto 16px;
font-size: 14px;
color: #5D5D5D;
font-weight: 700;
text-align: center;
}

.hc-recipe-archive-news a {
font-size: 14px;
color: #5D5D5D;
font-weight: 700;
text-decoration: underline;
}

.hc-recipe-archive {
width: 468px;
margin: 0 auto 68px;
padding: 25px 30px;
background: rgba(187,197,101,0.2);
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-recipe-archive-title {
margin-bottom: 25px;
color: #76952F;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
text-align: center;
}

.hc-recipe-archive-list {
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
justify-content: center;
}

.hc-recipe-archive-list li {
padding: 0 20px;
width: calc(100% / 3);
text-align: center;
border-right: 1px solid #76952F;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-recipe-archive-list li:last-child {
border-right: 0;
}

a.hc-recipe-archive-link {
font-size: 16px;
color: #76952F;
font-weight: 700;
}

.hc_kit_hinmoku {
margin: 0 0 5px 20px;
font-size: 14px;
font-weight: 700;
text-align: left;
}

/* 23.02.09 アーカイブ */
a.hc_lp_archive_btn  {
display: block;
position: relative;
width: 445px;
margin: 60px auto 100px;
padding: 20px 10px;
font-size: 16px;
color: #000;
background: #FFDD83;
text-align: center;
border-radius: 6px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

a.hc_lp_archive_btn:after {
display: inline;
content: "";
position: absolute;
margin-left: 4px;
top: 50%;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #000;
border-right: solid 2px #000;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

a.hc_lp_archive_btn:hover { opacity: 0.6; }

.hc-seminar-archive { margin: 0 10px 40px;}

.hc-seminar-archive-title {
margin: 20px 10px;
padding: 20px 20px;
font-size: 18px;
line-height: 1.8;
text-align: center;
font-weight: 700;
color: #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-seminar-archive-title span { font-size: 16px; }

.hc-seminar-archive-lead {
margin: 0 0 20px;
padding: 0;
font-size: 16px;
line-height: 1.8;
color: #000;
text-align: left;
}

.hc-seminar-archive-note { font-size: 12px; line-height: 1.5; }

.hc-seminar-archive-topic {
margin-bottom: 40px;
padding: 20px;
font-size: 18px;
line-height: 1.5;
color: #000;
text-align: center;
background: #d9d9d9;
}

.hc-seminar-archive-list {
display: flex;
display: -webkit-flex;
-webkit-justify-content: center;
justify-content: center;
}

.hc-seminar-archive-list li {
display: flex;
display: -webkit-flex;
padding: 0 10px 20px;
width: calc(100% / 3);
font-size: 1rem;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-seminar-archive-list li:last-child { border-right: 0; }
/*
.hc-seminar-archive-list li {

box-sizing: border-box;
-webkit-box-sizing: border-box;
}
*/

.hc-seminar-archive-list li a {
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex: 1;
}

.hc-seminar-archive-image { 
margin-top: auto;
padding-top: 10px;
}

.hc-seminar-archive-stitle {
display: block;
margin: 12px 0 5px;
font-size: 16px;
line-height: 1.5;
color: #000;
}

.hc-seminar-archive-date {
display: block;
font-size: 12px;
color: #535252;
}

.hc-lp-seminar-archive-btn {
width: 500px;
margin: 0 auto 100px;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-lp-img {
width: 425px;
margin: 30px auto 20px;
}
/*
.hc_kit_list .js-soldoutExclution:after {
content: "キャンセルが出次第 再販いたします" !important;
}
*/
.hc_kit_list .js-soldoutExclution:after { display: none; }

.hc_kit_list { position: relative; }
.hc_kit_list:has(.js-soldoutExclution) .hc_kit_soldout {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 50%;
height: 50px;
font-size: 14px;
font-weight: 700;
text-align: center;
line-height: 50px;
color: #fff;
background-color: #DB4F43;
visibility: visible;
}

.hc_kit_list:not(:has(.js-soldoutExclution)) .hc_kit_soldout { display: none; }

/* ページ上部お知らせ掲載 */
.hc-hd-news {
display: block;
margin: 16px;
cursor: pointer;
}

.hc-hd-news-icon {
display: inline-block;
margin-right: 8px;
padding: 5px 0;
border-radius: 4px;
text-align: center;
vertical-align: middle;
width: 64px;
font-size: 12px;
font-weight: 400;
color: #fff;
background-color: #db4f43;
}

.hc-hd-news-contents-area { padding: 5px 0;}

.hc-hd-news-contents {
position: relative;
font-size: 13px;
line-height: 1.3;
color: #231815;
font-weight: 550;
}
/*
.hc-hd-news-contents:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: -27px;
width: 4px;
height: 4px;
margin-top: -4px;
border: 0px;
border-top: solid 2px #5D5D5D;
border-right: solid 2px #5D5D5D;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.5s ease;
}

.hc-hd-news-contents.close::after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -2px;
}

*/

.hc-hd-news-contents:after {
display: block;
content: "";
position: absolute;
/*margin-left: 12px;*/
top: 50%;
right: 55%;
width: 6px;
height: 6px;
margin-top: -6px;
border: 0;
border-top: solid 2px #231815;
border-right: solid 2px #231815;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all 0.5s ease;
}

.hc-hd-news-contents.close::after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -2px;
background-image: none;
}


.hc-hd-news-contents-inner {
padding-top: 16px;
}

.hc-hd-news-contents-inner .hc-news-text {
margin-bottom: 20px;
font-size: 13px;
color: #231815;
line-height: 1.5;
}

.hc-hd-news-contents-inner .hc-news-contact {
display: inline-block;
margin-bottom: 10px;
border: 1px solid #231815;
padding: 10px;
font-size: 13px;
line-height: 1.5;
font-weight: 700;
}

a.hc-news-contact-link { font-size: 13px; color: #76952F; }

.hc-news-note { font-size: 12px; color: #959595; line-height: 1.5; }

/* 23.09.21 */
.hc_category-block {
margin: 0 auto;
padding: 0 70px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-contents-title {
margin: 0 116px 10px;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

.hc-contents-text {
margin: 0 116px 20px;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}

.hc-contents-main-image {
margin-bottom: 20px;
}

.hc-contents-image {
margin-bottom: 20px;
padding-top: 40px;
border-top: 1px solid #c7c7c7;
}
.hc-contents-image.__noline { border-top: none; }

.hc_kit_list .shouhintag, .hc_kit_list .frame_set { border-radius: 0; }

/* ピックアップコメント */
.hc-pickup-area {
margin: 0 116px 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-pickup-inner {
display: flex;
display: -webkit-flex;
margin: 0 auto;
}

.hc-pickup-text {
flex: 1;
padding: 10px 0;
margin: 0 0 0 10px !important;
position: relative;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
text-align: left;
-webkit-align-self: flex-start;
align-self: flex-start;
}

.hc-pickup-image { width: 94px; }

.hc-recipe-title {
margin-bottom: 20px;
color: #76952F;
font-size: 16px;
font-weight: 700;
text-align: center;
}

/* パッと 
.hc-patto-area {
margin: -10px 0 50px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-patto-inner {
display: flex;
display: -webkit-flex;
margin: 0 auto;
}

.hc-patto-text-area {
flex: 1;
padding: 10px;
position: relative;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
text-align: left;
-webkit-align-self: flex-start;
align-self: flex-start;
border: 1px solid #ccc;
}

.hc-patto-text-area:before {
content: "";
position: absolute;
top: 50%;
left: -12px;
margin-top: -25px;
border: 6px solid transparent;
border-right: 6px solid #fff;
z-index: 2;
}

.hc-patto-text-area:after {
content: "";
position: absolute;
top: 50%;
left: -15px;
margin-top: -26px;
border: 7px solid transparent;
border-right: 7px solid #ccc;
z-index: 1;
}

.hc-patto-text {
font-size: 13px;
font-weight: 700;
line-height: 1.5;
}

.hc-patto-image { padding-right: 10px; width: 94px; }
*/
.hc-recipe-link-area {
margin: 10px auto 60px;
width: 385px;
}

.hc-recipe-link {
display:block;
width: 100%;
box-sizing:border-box;
margin: 0 auto;
padding: 15px 0;
position:relative;
background:#fff;
color:#76952F;
font-size: 18px;
font-weight: bold;
text-align:center;
line-height:1.4;
border: 1px solid #76952F;
border-radius:6px;
}
.hc-recipe-link:after{
content: "";
display: block;
position: absolute;
width: 8px;
height: 8px;
border-top: 2px solid #76952F;
border-right: 2px solid #76952F;
transform: rotate(45deg);
right: 30px;
top: 50%;
margin-top: -7px;
}

.hc-recipe-link-area a:link, .hc-recipe-link-area a:visited { color: #76952F; }

/* トライアルコース表示 */
.hc-trial-block { margin-top: 74px; padding: 0 70px; }

.hc-trial-area {
position: relative;
padding: 20px 116px;
border-top: 1px solid #76952F;
border-bottom: 1px solid #76952F;
background-color: rgba(118,149,47,0.1);
}

.hc-trial-point {
position: absolute;
margin-left: -40px;
padding: 4px 20px;
top: -14px;
left: 50%;
font-size: 17px;
color: #fff;
background-color: #76952F;
border-radius: 5px;
}

.hc-trial-title {
margin: 10px 0;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

.hc-trial-title span {
font-size: 17px;
font-weight: 700;
line-height: 1.5;
color: #c00;
}

.hc-trial-text {
font-size: 15px;
line-height: 1.5;
text-align: center;
}

.hc-trial-image {
margin-bottom: 20px;
padding-top: 30px;
}

/* アレンジレシピ */
.hc-arrange-recipe-title {
margin-top: 70px;
padding: 12px;
border-top: 2px  solid #76952F;
border-bottom: 2px  solid #76952F;
font-size: 17px;
font-weight: 700;
color: #76952F;
text-align: center;
}

/* 季節レシピ */
.hc-season-recipe {
margin-bottom: 20px;
padding-bottom: 20px;
background: #fafaf2;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

.hc-season-recipe-title {
margin: 40px 80px 20px;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
color: #c9a063;
text-align: center;
}

.hc-season-recipe-text {
margin: 20px 80px 0;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
color: #c9a063;
}

/* 24.02.08up */
.hc-kit-amount { /*margin: -30px 0 40px;*/ margin: -30px 0 20px; font-size: 12px; line-height: 1.5; }
.hc-crosscell-block { margin-bottom: 40px; }

/* 24.02.22up */
.hc-kit-volume {
margin: 30px auto 10px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
text-align: center;
}

.head_news {
padding: 5px;
font-size: 14px;
line-height: 1.5;
}

/* 24.05.09 */
.healthcare__lead_box {
  margin: 0 auto 40px;
  width: 640px;
  border: 1px solid #231815;
}

.healthcare__lead__title {
    position: relative;
    margin: 0 auto;
    padding: 13px 0;
    width: 640px;
    font-size: 18px;
    font-weight: 700;
    color: #231815;
    /*border: 1px solid #231815;*/
    text-align: center;
    cursor: pointer;
    }
    
    .healthcare__lead__title:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
    border-top: 10px solid #333;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition: all 0.3s ease;
    }
    
    .healthcare__lead__title.close:before {
    border-top: 0;
    border-bottom: 10px solid #333;
    }
    
    .healthcare__lead__title.close:after { background-image: none; }
    

/* チャット受付中 位置、画像サイズ調整 
#chatplusview #eye_catcher img { width: 150px !important;}
#chatplusview.chatplusview-modern.closed:not(.float) { z-index: 90 !important;}
*/
/* 横スライダー設定 */
.scroll-box {
    width: 640px;
    margin: 0 auto;
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .scroll-box div img {
    max-width: 100%;
    min-width: 640px;
    vertical-align: top;
  }
  /*スクロールバー全体の高さ*/
  .scroll-box::-webkit-scrollbar { height: 4px; }
  /*スクロールバー全体の背景*/
  .scroll-box::-webkit-scrollbar-track { background: #eee; }
  /*スクロールバーの動く部分*/
  .scroll-box::-webkit-scrollbar-thumb { background: #aaa; border: none; }
  /*スクロールバーの動く部分のホバー（マウスオーバー）*/
  .scroll-box::-webkit-scrollbar-thumb:hover { background: #999;}
  .scroll-hint.is-right-scrollable { background-image: none !important; }
  .yokoscroll { max-width: 640px; margin: 0 auto; }
  .scroll-hint-shadow-wrap::before,
  .scroll-hint-shadow-wrap::after { background: transparent!important; }

/* アンケートへ遷移ボタン */
.hc_lp_button_area {
  display: flex;
  margin: 10px auto 10px;
  width: 640px;
  flex-wrap: nowrap;
  gap: 10px 20px;
}

.hc_top_button { flex: 1;}

.hc_enq_button {
margin: 8px 16px 16px;
text-align: right;
}

.hc_enq_button a.hc_enq_button_text { display: inline-block;}

a.hc_enq_button_text {
display: block;
position: relative;
padding: 12px 32px 12px 16px;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #fff;
background-color: #76952f;
border-radius: 4px;
}

a.hc_enq_button_text:hover { text-decoration: none;}

a.hc_enq_button_text:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 8px;
height: 8px;
margin-top: -5px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.hc_gentei_title {
  margin: 30px 0 0;
  padding: 20px 20px;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  background-color: #FFA043;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  }

.hc_note {
font-size: 12px;
text-align: left;
}

.hc_nothc_cart {
  padding: 18px;
  font-size: 14px;
  color: #DB4F43;
  text-align: center;
  border: 1px solid #DB4F43;
}

.hc-crosscell-cart { margin: 30px 0; }

.not-hc-image { margin: -50px auto 30px; width: 640px; }

/* バンザイテキスト */
.hc-carttitle {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  margin: 20px 0 10px;
  text-align: center;
  }
  
  .hc-carttitle:before { content: "＼"; margin-right: 4px; }
  .hc-carttitle:after { content: "／"; margin-left: 4px; }

  /* 動画埋め込み */
.hc_movie {
  position: relative;
  padding-bottom: 170%;
  height: 0;
  overflow: hidden;
}
.hc_movie_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.not_hc_scroll {background: #F9F1EC;}
.not_hc_scroll .scroll-box { padding-bottom: 0 !important;}
.scroll-box.not_hc_scroll-box { margin: 0 10px; }
.scroll-box.not_hc_scroll-box div img { max-width: 620px; min-width: 620px;}

/* レシピカードリニューアル告知 */
.hc_newrecipe_box {
margin: 0 auto 40px;
width: 640px;
border: 1px solid #231815;
}

.hc_newrecipe_title {
position: relative;
margin: 0 auto;
padding: 13px 0;
width: 640px;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: #231815;
text-align: center;
cursor: pointer;
}

.hc_newrecipe_title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 30px;
margin-top: -5px;
border-top: 10px solid #333;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
transition: all 0.3s ease;
}

.hc_newrecipe_title.close:before {
border-top: 0;
border-bottom: 10px solid #333;
}

.hc_newrecipe_title.close:after { background-image: none; }

.hc_newrecipe_box_inner { padding: 10px 60px 0 60px; }

.hc_newrecipe_box_ttl {
  margin: 16px 0 12px;
  padding-bottom: 8px;
  color: #231815;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  border-bottom: 1px solid #231815;
  }
  .hc_newrecipe_box_text {
  margin-bottom: 10px;
  color: #231815;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  }
  
  .hc_newrecipe_box_text_bold {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  }

  /* 25.03.27up アセスメント検証 */
.hc_category-title.hc_category-ingredients-title { background-color: #88C9A1; }
.healthcare .feature__local-navigetion.hc_ingredients_nav { background-color: #88C9A1; }

.hc_ingredients_description_box {
  position: relative;
  margin: 60px 0 48px;
  padding: 10px;
  outline: 2px solid #C4E3D1;
  outline-offset: 2px;
  background-image: linear-gradient(-45deg, transparent 10px, #C4E3D1 10px);
  color: #212121;
  overflow: hidden;
}

.hc_ingredients_description_box::before {
  position: absolute;
  content: '';
  right: 0px;
  bottom: 0px;
  border-width: 0px 0px 15px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #C4E3D1;
  box-shadow: 0 0 5px #231815;
}

.hc_ingredients_title {
display: flex;
margin-bottom: 12px;
padding-bottom: 4px;
column-gap: 12px;
font-size: 18px;
line-height: 1.5;
font-weight: 700;
color: #231815;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
border-bottom: 1px solid #231815;
}

.hc_ingredients_title_icn {
  display: inline-block;
  flex: 0 0 10%;
  line-height: 0;
}

.hc_ingredients_title_icn img { 
  display: block;
  width: 100%;
  height: auto;
}
/*
.hc_ingredients_description {
margin-bottom: 24px;
}
*/
.hc_ingredients_description_title {
margin-bottom: 12px;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
color: #231815;
}
.hc_ingredients_point_title {
  position: relative;
  margin-bottom: 12px;
  padding: 8px 12px 8px 18px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #231815;
  border-top: solid 2px #231815;
  border-bottom: solid 2px #231815;
  }
  
  .hc_ingredients_point_title:before, .hc_ingredients_point_title:after {
    content: '';
    position: absolute;
    top: -7px;
    width: 2px;
    height: -webkit-calc(100% + 14px);
    height: calc(100% + 14px);
    background-color: #231815;;
  }
  .hc_ingredients_point_title:before {
    left: 7px;
  }
  .hc_ingredients_point_title:after {
    right: 7px;
  }
  
/*.hc_ingredients_description_text {
  margin: 0 0 0 12px;
}*/

.hc_ingredients_description_text li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #231815;
}
.hc_ingredients_description_text li:before { content: "・"; }
.hc_ingredients_description_note {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.3;
}
.ingredients-wrapper { position: relative; padding: 0 12px; box-sizing: border-box;}

.hc_ingredients_point {
  height: 30px; /* 初期の表示高さ */
  overflow: hidden;
  position: relative;
  transition: height 0.3s ease-out;
}

.hc_ingredients_point::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
  transition: opacity 0.3s;
}

.hc_ingredients_point.show-all::after { opacity: 0; }

/*.hc_ingredients_point { margin: 0 0 0 12px; }*/
.hc_ingredients_point li {
  text-indent: -1em;
  padding-left: 1em;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: #231815;
}

.hc_ingredients_point li:before { content: "・"; }

/* もっと見るボタン */
.show-more {
  display: block;
  position: relative;
  margin: 30px auto;
  padding: 6px 24px 6px 16px;
  color: #fff;
  font-size: 1.2rem;
  background: #000;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.show-more::after {
  display: inline-block;
  content: "";
  position: absolute;
  margin-left: 6px;
  top: 12px;
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition: all 0.5sease;
}

/* 上向き矢印（閉じる時） */
.show-more.is-active::after {
  -ms-transform: rotate(315deg);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  top: 14px;
}