@charset "utf-8";
.mplus-1p {
	font-family: 'M PLUS 1p', sans-serif;
	transform: rotate(0.05deg);
}
.bg-yellow {
	background-color: #FFF100;
}
.bg-red {
	background-color: #a0141e;
}
.product-detail-ttl {
	font-family: 'M PLUS 1p', sans-serif;
	color: #231815;
}
.point-ttl {
	font-size: 1.9rem;
	line-height: 1.39;
	text-indent: .2em;
	font-style: italic;
	color: #231815;
}
.point-text {
	font-size: 1.2rem;
	line-height: 1.53;
	font-weight: 700;
	margin-bottom: 0;
}
.point-border {
	border-bottom: 1px solid #000000;
}
.attention-text {
	font-size: 1.38rem;
	color: #c7161d;
	text-align: center;
	font-weight: 500;
	line-height: 1.8;
}
.border-red {
	background:linear-gradient(transparent 98%, #c7161d 98%);
}
.point-image-round {
	border: 12px solid #ffbe00;
	border-radius: 50%;
}
.point-large {
	font-size: 2em;
	line-height: .8;
}
.point-note-mark {
	font-size: 14px;
}
.point-note-text {
	font-size: 15px;
}
@media all and (min-width: 576px) {

}
@media all and (min-width: 768px) {

}
@media all and (min-width: 992px) {
	.point-ttl {
		font-size: 2.42rem
	}
	.point-text {
		font-size: 1.44rem;
	}
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {
}
/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}
/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {

}

@media all and (max-width: 400px) {
 
}

/*iPhone5:SE*/
@media all and (max-width: 320px) {

}

/* お召し上がり方 */
.howtoeat-box {
	padding: 1rem;
	background-color: #fff;
	border-radius: 1.66rem;
}
.howtoeat-list {
	display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
}
.howtoeat-item {
	width: 100%;
}
.howtoeat-item-ttl {
	font-size: 1.3rem;
	color: #231815;
	position: relative;
	text-align: center;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}/*
.howtoeat-item-ttl::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 180px;
	max-width: 100%;
	height: 1.16rem;
	background: url(../images/products/yasashiku_calovitan/howtoeat-acc.svg) no-repeat center bottom/contain;
}*/
.howtoeat-img {
	width: auto;
	height: 150px;
}
@media all and (min-width: 576px) {
	.howtoeat-box {
		padding: 1.5rem;
	}
	.howtoeat-list {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.howtoeat-item {
		width: 31%;
		font-size: 17px;
	}
}
@media all and (min-width: 992px) {
	.howtoeat-box {
		padding: 2rem;
	}
	.howtoeat-item-ttl {
		font-size: 1.72rem;
	}
	.howtoeat-item-ttl::after {
		height: 21px;
	}
}
@media all and (min-width: 1200px) {
	.howtoeat-box {
		padding: 3.33rem;
	}
	.howtoeat-img {
		height: 274px;
	}
}
@media all and (min-width: 1400px) {

}
/* //お召し上がり方 */

/* ラインナップ */
.lineup-section-ttl {
	font-size: 2rem;
	font-weight: 700;
	color: #231815;
	text-align: center;
}
.lineup-box {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
}
.lineup-left {
	width: 58%;
	text-align: center;
	padding-bottom: 1rem;
}
.lineup-right {
	width: 42%;
	text-align: center;
}
.lineup-kiwi {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(125,216,150,1) 100%);
}
.lineup-drink {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,166,140,1) 100%);
}
.lineup-wrap {
	position: relative;
	padding: 1.5rem 0;
}
.lineup-wrap::before, .lineup-wrap::after {
	content: '';
	position: absolute;
	width: 45%;
	height: 20.5rem;
	background-size: contain;
	background-repeat: no-repeat;
}
.lineup-wrap::before {
	top: 0;
	left: 0;
	background-position: top left;
}
.lineup-wrap::after {
	right: 0;
	bottom: 0;
	background-position: right bottom;
}
.lineup-kiwi::before {
	background-image: url(../images/products/yasashiku_calovitan/bg-green-top.svg);
}
.lineup-kiwi::after {
	background-image: url(../images/products/yasashiku_calovitan/bg-green-bottom.svg);
}
.lineup-drink::before {
	background-image: url(../images/products/yasashiku_calovitan/bg-orange-top.svg);
}
.lineup-drink::after {
	background-image: url(../images/products/yasashiku_calovitan/bg-orange-bottom.svg);
}
.lineup-wrap .container {
	position: relative;
	z-index: 40;
}
.lineup-name {
	width: 80%;
}
.lineup-kiwi .lineup-content-image {
	margin-top: -1rem;
}
.lineup-drink .lineup-content-image {
	margin-top: -2rem;
}
.lineup-content-image-text {
	margin-top: -.5rem;
	font-size: 12px;
}
.item-shadow {
  position: relative;
  padding-bottom: 1rem;
  width: max-content;
  max-width: 100%;
  margin: auto;
  display: block;
}
.item-shadow::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 110%;
  height: 3rem;
  background: radial-gradient(closest-side, rgba(0,0,0,1) 47%, rgba(0,0,0,0) 100%);
  opacity: .3;
  z-index: 10;
}
.item-shadow img {
	position: relative;
	z-index: 20;
}
@media all and (min-width: 400px) {	
	.lineup-content-image-text {
		font-size: 13px;
	}
}
@media all and (min-width: 768px) {
	.lineup-section-ttl {
		font-size: 2.77rem;
	}
	.lineup-kiwi .lineup-content-image {
		margin-top: -2rem;
	}
	.lineup-content-image-text {
		margin-top: -2rem;
	}
	.lineup-drink .lineup-content-image {
	    margin-top: -4.5rem;
	}
}
@media all and (min-width: 992px) {
	.lineup-wrap {
	    padding: 2.5rem 0;
	}
	.lineup-content-image-text {
		font-size: 16px;
	}
	.lineup-box {
		width: 600px;
	}
	.lineup-left {
		padding-bottom: 2rem;
	}
}

@media all and (min-width: 1200px) {
	.lineup-wrap::before, .lineup-wrap::after {
		width: 62%;
	}
	.lineup-box {
		width: 805px;
	}
	.lineup-kiwi .lineup-name {
		width: 315px;
	}
	.lineup-drink .lineup-name {
		width: 378px;
	}
	.lineup-kiwi .lineup-content-image {
	   margin-top: -3rem;
	}
	.lineup-drink .lineup-content-image {
	    margin-top: -5rem;
	}
	.lineup-wrap {
	    padding: 3rem 0;
	}
}
@media all and (min-width: 2000px) {
	.lineup-wrap {
	    padding: 5rem 0;
	}
}
/* //ラインナップ */

/* 商品情報はこちら */
.lineup-kiwi .product-info-btn {
	color: #00BB35;
	border-color: #00BB35;
}
.lineup-drink .product-info-btn {
	color: #EA5520;
	border-color: #EA5520;
}
/* //商品情報はこちら */

/* 成分一覧表 */
.ingredient-table-wrap tr.first-tr th:nth-child(1) {
	background-color: #ffe96c;
}
.ingredient-table-wrap tr.first-tr th:nth-child(2) {
	background-color: #AFD9AE;
}
.ingredient-table-wrap tr.first-tr th:nth-child(3) {
	background-color: #FCD0AE;
}
.ingredient-table-wrap tr:not(.first-tr) th:nth-child(1) {
	background-color: #FFF4BD;
}
.bg-kiwicell {
	background-color: #CBF1D5;
}
.bg-drinkcell {
	background-color: #FFDACF;
}
.ingredient-table-wrap tr th:nth-child(1) {
	min-width: 161px;
}
.ingredient-table-wrap tr th:not(:nth-child(1)), .ingredient-table-wrap tr td {
	width: 37.5%;
	min-width: 136px;
}
.ingredient-table-wrap th, .ingredient-table-wrap td {
	padding: .5rem .75rem;
}
.ingredient-table-wrap table, .ingredient-table-wrap th, .ingredient-table-wrap td {
	border: 1px solid #666;
}
.ingredient-table-wrap small {
  display: block;
  font-weight: 400;
}
.ingredient-table-wrap table:first-child td {
	text-align: center;
}
@media all and (min-width: 992px) {
	.ingredient-table-wrap {
		width: 700px;
    margin-right: auto;
    margin-left: auto;
	}
}
/* //成分一覧表 */