@charset "utf-8";
.bg-paleorange {
	background-color: #FFF0D3;
}
.f-links-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 1rem;
	text-align: center;
}
.f-link-item {
	width: 25%;
	padding: 0 3px;
}
.f-item-name {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	padding-top: .2rem;
}
.f-link-item a:hover {
	opacity: .7;
}
.color-grape {
	color: #B06CAA;
}
.color-melon {
	color: #ABC808;
}
.color-mixfruits {
	color: #F8B74A;
}
.color-strawberry {
	color: #E5536B;
}
.color-pineorange {
	color: #F4A554;
}
.color-bananapeach {
	color: #F3BBCA;
}
.color-yuzu {
	color: #c5a804;
}
.color-mango {
	color: #EB613B;
}
.point-text {
	font-weight: 700;
	line-height: 1.75;
}
.markar-yellow {
	display: inline;
	background: linear-gradient(transparent 65%, #FFD700 65%);
}
.dotborder {
	width: 100%;
}
.dotborder_pattern2-wrap {
	margin-top: -1rem;
}
.z-20 {
	position: relative;
	z-index: 20;
}
.points-section-ttl img, .lineup-section-ttl img {
	max-width: 80%;
}
@media all and (min-width: 576px) {
	.f-link-item {
    width: 18%;
  }
}
@media all and (min-width: 768px) {
	.point-text {
		font-size: 1.38rem;
	}
	.dotborder_pattern2-wrap {
	    margin-top: -1.5rem;
	}
	.points-section-ttl img, .lineup-section-ttl img {
		width: 400px;
	}
}
@media all and (min-width: 992px) {
	.f-links-wrap {
		flex-wrap: nowrap;
	}
	.f-link-item {
		width: 100%;
	}
	.dotborder_pattern2-wrap {
	    margin-top: -5rem;
	}
}
@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) {

}

/* ラインナップ */
.section-grape {
	background-color: #E1AFD2;
}
.section-melon {
	background-color: #CDE170;
}
.section-mixfruits {
	background-color: #FFCA72;
}
.section-strawberry {
	background-color: #FEA2AF;
}
.section-pineorange {
	background-color: #FFB876;
}
.section-bananapeach {
	background-color: #FFDA58;
}
.section-yuzu {
	background-color: #FFEE36;
}
.section-mango {
	background-color: #FFA894;
}
.section-grape .product-info-btn {
	color: #B06CAA;
	border-color: #B06CAA;
}
.section-melon .product-info-btn {
	color: #ABC808;
	border-color: #ABC808;
}
.section-mixfruits .product-info-btn {
	color: #F8B74A;
	border-color: #F8B74A;
}
.section-strawberry .product-info-btn {
	color: #E5536B;
	border-color: #E5536B;
}
.section-pineorange .product-info-btn {
	color: #F4A554;
	border-color: #F4A554;
}
.section-bananapeach .product-info-btn {
	color: #F3BBCA;
	border-color: #F3BBCA;
}
.section-yuzu .product-info-btn {
	color: #FAD21E;
	border-color: #FAD21E;
}
.section-mango .product-info-btn {
	color: #EB613B;
	border-color: #EB613B;
}
.detail-btn-wrap {
	width: max-content;
	padding-top: .75rem;
	position: relative;
}
.photo-content-image {
	width: max-content;
	margin-right: auto;
	margin-left: auto;
	font-size: 13px;
	line-height: 1.38;
	position: absolute;
	top: -50px;
}
.detail-btn-wrap_right .photo-content-image {
	right: 1.5rem;
}
.detail-btn-wrap_left .photo-content-image {
	left: 1.5rem;
}
@media all and (min-width: 576px) {
	.detail-btn-wrap {
		padding-top: 0;
		margin-top: -1rem;
	}
	.photo-content-image {
		position: static;
		padding-top: .75rem;
	}
}
@media all and (min-width: 768px) {
	.detail-btn-wrap {
	    margin-top: -3rem;
	}
}
@media all and (min-width: 992px) {
	.photo-content-image {
		font-size: 16px;
	}
	.detail-btn-wrap {
	  margin-top: -4.5rem;
	}
}
/* //ラインナップ */


/* 成分一覧表 */
.ingredient-table-wrap table {
	border: 1px solid #231815;
	color: #65391C;
}
.ingredient-table-wrap th, .ingredient-table-wrap td {
	border: 1px dashed #231815;
}
.ingredient-table-wrap th, .ingredient-table-wrap td {
	width: 115px;
	min-width: 120px;
	padding: 0.25rem 0.5rem;
}
.ingredient-table-wrap th {
	min-width: 100px;
}
.ingredient-table-wrap small {
	display: block;
	font-weight: 400;
}/*
.ingredient-table-wrap tr th:nth-child(1), .ingredient-table-wrap tr td:nth-child(1) {
	background-color: #ECECED;
}*/
.ingredient-table-wrap tr th.bg-sepia-cell {
	color: #fff;
	background-color: #65391C;
}
.yasashiku_protein-table-1 tr:nth-child(2n+3) th, .yasashiku_protein-table-1 tr:nth-child(2n+3) td,
.yasashiku_protein-table-3 td {
	background-color: #F3F0E6;
}
.yasashiku_protein-table-1 tr:nth-child(even) th, .yasashiku_protein-table-1 tr:nth-child(even) td {
	background-color: #fff;
}/*
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(2), .ingredient-table-wrap tr td:nth-child(2) {
	background-color: #EBDAEA;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(3), .ingredient-table-wrap tr td:nth-child(3) {
	background-color: #E6EEB5;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(4), .ingredient-table-wrap tr td:nth-child(4) {
	background-color: #FCDFAD;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(5), .ingredient-table-wrap tr td:nth-child(5) {
	background-color: #F7CCD3;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(6), .ingredient-table-wrap tr td:nth-child(6) {
	background-color: #F9D49E;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(6), .ingredient-table-wrap tr td:nth-child(7) {
	background-color: #F7D6E2;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(6), .ingredient-table-wrap tr td:nth-child(8) {
	background-color: #FFF3AB;
}
.ingredient-table-wrap tr th:not(.first-tr-th):nth-child(6), .ingredient-table-wrap tr td:nth-child(9) {
	background-color: #F9D0C4;
}*/
.ingredient-table-wrap tr th.first-tr-th {
	color: #6A3906;
	line-height: 1.2;
}
.ingredient-table-wrap tr th:nth-child(2).first-tr-th {
	background-color: #A668A0;
	color: #fff;
}
.ingredient-table-wrap tr th:nth-child(3).first-tr-th {
	background-color: #A3BE1A;
	color: #fff;
}
.ingredient-table-wrap tr th:nth-child(4).first-tr-th {
	background-color: #DF6B69;
	color: #fff;
}
.ingredient-table-wrap tr th:nth-child(5).first-tr-th {
	background-color: #D74F67;
	color: #fff;
}
.ingredient-table-wrap tr th:nth-child(6).first-tr-th {
	background-color: #E0991C;
	color: #fff;
}
.ingredient-table-wrap tr th:nth-child(7).first-tr-th {
	background-color: #EAA3AF;
	color: #fff;
}
.ingredient-table-wrap tr th:nth-child(8).first-tr-th {
	background-color: #F3DD23;
}
.ingredient-table-wrap tr th:nth-child(9).first-tr-th {
	background-color: #DE5E3C;
	color: #fff;
}
.td-center td {
	text-align: center;
}
@media all and (min-width: 576px) {
	.ingredient-table-wrap th, .ingredient-table-wrap td {
		width: 11.11%;
		font-size: .8rem;
	}
}
/* //成分一覧表 */

/* 原材料名 */
.ingredient-table tr:first-child th:first-child {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: center;
	width: 36px;
	min-width: 36px;
}
.ingredient-table tr th.f-name-th {
	color: #6A3906;
	line-height: 1.2;
	width: calc(30% - 18px);
	min-width: 84px;
}
.ingredient-table tr td {
	width: calc(70% - 18px);
}
.ingredient-table tr:nth-child(1) th.f-name-th {
	background-color: #A668A0;
	color: #fff;
}
.ingredient-table tr:nth-child(2) th.f-name-th {
	background-color: #A3BE1A;
	color: #fff;
}
.ingredient-table tr:nth-child(3) th.f-name-th {
	background-color: #DF6B69;
	color: #fff;
}
.ingredient-table tr:nth-child(4) th.f-name-th {
	background-color: #D74F67;
	color: #fff;
}
.ingredient-table tr:nth-child(5) th.f-name-th {
	background-color: #E0991C;
	color: #fff;
}
.ingredient-table tr:nth-child(6) th.f-name-th {
	background-color: #EAA3AF;
	color: #fff;
}
.ingredient-table tr:nth-child(7) th.f-name-th {
	background-color: #F3DD23;
}
.ingredient-table tr:nth-child(8) th.f-name-th {
	background-color: #DE5E3C;
	color: #fff;
}/*
.ingredient-table tr:nth-child(1) td {
	background-color: #EBDAEA;
}
.ingredient-table tr:nth-child(2) td {
	background-color: #E6EEB5;
}
.ingredient-table tr:nth-child(3) td {
	background-color: #FCDFAD;
}
.ingredient-table tr:nth-child(4) td {
	background-color: #F7CCD3;
}
.ingredient-table tr:nth-child(5) td {
	background-color: #F9D49E;
}
.ingredient-table tr:nth-child(6) td {
	background-color: #F7D6E2;
}
.ingredient-table tr:nth-child(7) td {
	background-color: #FFF3AB;
}
.ingredient-table tr:nth-child(8) td {
	background-color: #F9D0C4;
}*/
.yasashiku_protein-table-4 tr:nth-child(odd) td {
	background-color: #fff
}
.yasashiku_protein-table-4 tr:nth-child(even) td {
	background-color: #F3F0E6;
}
.yasashiku_protein-table-5 tr:nth-child(odd) td {
	background-color: #fff;
}
.yasashiku_protein-table-5 tr:nth-child(even) td {
	background-color: #F3F0E6;
}
.twocolumn-table th {
	width: 100px;
}
.twocolumn-table td {
	width: calc(100% - 100px);
}
@media all and (min-width: 576px) {
	.ingredient-table tr th.f-name-th {
		min-width: 137px;
	}
}
/* //原材料名 */