@charset "utf-8";

	body{padding: 20px; border-radius: 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
	.product{ text-align: center; font-size: 20px; padding: 0 20px 20px 20px; border-bottom: solid 1px #999; }
	.product_title{font-size: 25px; font-weight: bold; color: #D70C18; padding: 20px 0 0 0}
	.product_title h1{color: #000; font-size: 25px; font-weight: bold; display: inline-block;}
	.product_item h2{ margin-top:50px; border-radius: 5px; padding: 10px 20px; background: #FFE5E6; color: #D70C18; font-weight: bold; font-size: 16px;}
	.product_item h2 + p{font-weight: bold;}
	.product_item p{ padding: 20px 0 0 0; }
	.product_item + .product_item > p{font-weight: bold; font-size: 1.2em;}
	.features{list-style-type: disc; margin-left: 30px;}
	.method{ display: flex; margin-top: 20px;}
	.method li{margin-right: 10px;}
	.allergen {display: flex;flex-wrap: wrap; margin:20px 0; border-top:solid 1px #ccc; border-left:solid 1px #ccc; }
	.allergen li{padding: 10px; text-align: center; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; width: 20%;box-sizing: border-box; }
	.allergen li.on{background:#f7d2d2; }
    .allergen.other {border:0; margin:0 0 20px; }
    .allergen.other li {border:solid 1px #ccc;}
    
	.product_item small span{display: inline-block; width: 10px; height: 10px; margin: 0 5px; background:#f7d2d2; border: solid 1px #ccc; }
	.product_item .img{text-align:center; margin-top: 20px; display: flex; justify-content: center;}
	.product_item .img figure{ margin: 10px;}
	.product_item .img img{max-width: 100%;}
    .product_item .img figure figcaption {font-size:15px; }

	@media (max-width: 700px){
		body{padding: 10px; font-size: 13px;} 
		.method li img{width: 100%;}
		.product{ font-size: 16px; padding: 0 20px 10px 20px; border-bottom: solid 1px #999; }
		.product_title,h1{font-size: 16px !important;}
		.product_item h2{padding: 5px 10px}
		.allergen li{width: 50%; padding: 5px; line-height: 1;}
		.featherlight .featherlight-close-icon{z-index: 99999 !important}
	}