@charset "utf-8";

#containerIngredients a, a:hover  {
		color:#333;
		text-decoration: none;
	}
ul,li {
	margin:0;
	padding:0;
}

@media screen and (min-width: 600px)  {
	 .main-inner  {
		width:100%;
		max-width:1024px;
		margin:0 auto;
		}
	}
	/*--上部リンク--*/
	.anchorButtons  {
		display: flex;
		flex-wrap:wrap;
		width:98%;
		margin:0 auto 20px;
		padding:0 ;
		list-style:none;
		font-size:100%;
	}
	@media screen and ( min-width: 600px ) {
		.anchorButtons {
		width:94%;
		font-size:86%;
		}
	}
	.anchorButtons__item {
		box-sizing: border-box;
		width:calc( 50% - 4px);
		margin-top:10px;
		margin-left:2px;
		height:2.6em;
		overflow: hidden;
		position: relative;
		}
	@media screen and ( min-width: 600px ) {
	.anchorButtons__item  {
		width: calc( 33% - 10px);
		margin-left:10px;
		height:40px;
		border:solid 1px #ccc;
		border-radius:6px;
		}
	}
	.anchorButtons__link {
		display:inline-block;
		height:auto;
		padding: 0 0 0 1.2em;
		}
	@media screen and ( min-width: 600px ) {
	.anchorButtons__link {
		display: block;
		box-sizing: border-box;
		height:40px;
		padding: 10px 0 ; 
		text-align: center;
		background-color:#F0F0F0;
		}	
	}
	.anchorButtons__link:before {
		content: "▼";
		position: absolute;
		left: 0;
		top: 0;
		}
	@media screen and ( min-width: 600px ) {
	.anchorButtons__link:before {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		margin: 0 0.5em 0 0;
		border: 5px solid transparent;
		border-right: 0 solid transparent;
		border-left: 8px solid #000;
		left:10%;
		top:14px;
		}
	}
	/*--原材料表--*/
	table {
		border-collapse: collapse;
		border-spacing: 0;
		width:100%;
	}
	.outer_tableList{
	
	}
@media screen and ( min-width: 600px ) {
	.outer_tableList{
		width:90%;
		margin:0 auto;
		}	
	}
	.tableList {
	    padding-top: 30px;
	}
	.tableList__table {
		width:100%;
		line-height: 1.5;
		margin:0;
		padding:0;
		border-top: none;
		border-bottom: none;
		}
	.tableList__heading {
		padding:0;
		margin: 0;
		}

	.heading2 {
		padding:0;
		margin: 0;
		width:inherit;
		}
@media screen and ( min-width: 600px ) {
		.heading2 {
		width:inherit;
		margin:0 auto;
		}
	}


	.tableList__thead {
		display:none;
	}
	@media screen and ( min-width: 600px ) {
	.tableList__thead {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		display:block;
		}	
	}
	@media screen and ( min-width: 600px ) {
	.tableList__th {
		font-weight: 700;
		padding-top: 10px;
		padding-left: 10px;
		text-align: left;
		line-height: 1.5 ;
		height:20px;
		}
	.tableList__th--image {
		border-top:none;
		padding:0;
		}
	.tableList__th--name {
		width:30%;
		padding-left:100px; /*空の画像用見出し分を左に右に移動のため*/
		}
			
	.tableList__th--ingredients {
		width:calc(70% - 100px);
		padding-left: 100px; 
		}
	}

	.tableList__table__body {
		display: block;
		border-top: solid 1px #333;
	}
	@media screen and ( min-width:600px)  {
	.tableList__table__body {
		border-top: none;
		font-size:100%;
		}
	}
	.tableList__row  {
		display:flex;
		flex-wrap: wrap;
		margin-top: 4px;
		padding-bottom:18px;
		border-bottom: dotted 2px #ccc;
	}

	@media screen and ( min-width:600px)  {
	.tableList__row {
		display:flex;
		flex-wrap:nowrap;
		border-top: none;
		}
	}
	.tableList__row:last-child {
		border-bottom: solid 1px #333; /*表最下部実線*/
	}
	.tableList__thead > .tableList__row {
		border-bottom: none; /*PCの見出し下線を消す*/	
	}
	.tableList__cell {
		box-sizing: border-box;
		}
	.tableList__cell--image {
		border-top:none;
		padding:8px 0 ;
		}
	.tableList__table__image {
		width: 70px;
		height:70px;
			}
	@media screen and ( min-width:600px)  {
	.tableList__table__image {
		width: 100px;
		height:100px;
			}
	}
	.tableList__table__image-wrap {
		display:flex;
		}	
	@media screen and (min-width: 600px)  {
	.tableList__table__image-wrap {

		}	
	}
	.tableList__cell--name {
		border-top:none;
		text-align: left;
		margin-left:6px;
		align-items: center;
		}
	@media screen and (min-width: 600px)  {	
		.tableList__cell--name {
		display: inline-block;
		width:30%;
		}
	}
	.tableList__cell--ingredients {
		border-top:none;
		text-align: left;
		width:100%;
		}
	@media screen and ( min-width:600px)  {	
	.tableList__cell--ingredients {
		width:calc(70% - 100px);
		padding-left:0px;
		text-align: left;
		}
	}
	.tableList__label {
		font-weight: 800;
		width:8em;
	}
	@media screen and (min-width : 916px ){
	.tableList__label {
		display: none;
		}
	}
	.amount__amount {
		font-weight: 800;
	}