/* -----
共通
----- */

	/* -----
	製品
	----- */

		/* -----
		説明文
		----- */

			section .txt {
				width: 100%;
			}

			section .txt h3 {
				width: 100%;

				color: #FFFFFF;
			}
			
			section .txt .tea {
				background-color: #7D7857;
			}
			
			section .txt .tablet {
				background-color: #2B4260;
			}


			section .txt .btn {
				text-align: center;

				padding-top: 20px;
			}

			section .btn img {

				transition: 0.3s;
			}

			section .btn img:hover {
				opacity: 0.6;
			}
			
		/* -----
		栄養成分表
		----- */

		section .ingredients {
			border: 1px solid #231815;
		}

		section .ingredients .nutrition {
			text-align: center;

			margin-bottom: 10px;
			padding: 10px;

			background-color: #231815;
			color: #FFFFFF;
		}

		.ingredients table {
			width: 90%;
			margin: auto;
			margin-bottom: 10px;
		}

		.ingredients caption {
			text-align: center;

			padding: 5px;
			
			background-color: #DEB887;
			color: #FFFFFF;
		}


		.ingredients .data1 th,
		.ingredients .data1 td,
		.ingredients .data2 th,
		.ingredients .data2 td {
			padding: 5px 20px 5px 10px;
		}

		.ingredients .data2 th,
		.ingredients .data2 td {
			width: 50%;
		}

		.ingredients .data2 th {
			background-color: #231815;
			color: #FFFFFF;
		}
		

/* -----
PC
----- */

	@media not screen and (max-width:1200px) {

		/* -----
		製品
		----- */
		
			/* -----
			製品詳細
			----- */
				
				section .item {
					display: flex;

					margin-bottom: 30px;
				}
				
				section .item > img {
					width: 500px;
				}
					
			/* -----
			説明文
			----- */
				
				section .txt {
					margin: 10px;
				}
				
				section .txt h3 {

					margin-bottom: 30px;
					padding: 10px;

					font-size: xx-large;
				}
				
				section .txt p {
					margin: 20px;
					font-size: x-large;
				}
					
			/* -----
			栄養成分表
			----- */
			
			section .ingredients {
				max-width: 1000px;
				margin: auto;
			}

			section .ingredients .nutrition {
				font-size: xx-large;
			}
			
			.ingredients caption {
				font-size: x-large;
			}
			
			.ingredients .data1 th {
				width: 15%;

				background-color: #231815;
				color: #FFFFFF;
			}
			
			.ingredients .data1 td {
				width: 15%;
			}
			
		.ingredients .caution {
			margin: 0 0 10px 50px;
		}
	}


/* -----
SP
----- */

	@media screen and (max-width:1200px) {

		/* -----
		製品
		----- */
		
			/* -----
			製品詳細
			----- */
				
				section .item {
					margin-bottom: 50px;
				}
				
				section .item > img {
					width: 100%;

					margin-bottom: 20px;
				}
					
			/* -----
			説明文
			----- */
			
				section .txt h3 {
					margin-bottom: 30px;
					padding: 10px;

					font-size: large;
				}
				
				section .txt p {
					margin: 10px 5px;
				}
							
			/* -----
			栄養成分表
			----- */

			section .ingredients {
				width: 90%;

				margin: auto;
			}
			
			section .ingredients .nutrition {
				font-size: large;
			}
			
			.ingredients caption {
				font-size: large;
			}
						
			.ingredients .data1 tr {
				display: flex;
				flex-wrap: wrap;
			}
			
			.ingredients .data1 th {
				width: 50%;

				background-color: #231815;
				color: #FFFFFF;
			}
			
			.ingredients .data1 td {
				width: 50%;
			}
			
			.ingredients .caution {
				margin: 5px;

				font-size: small;
			}
	}