/*
  作成日: 20181218
  作成者: FOIS01
*/

.allergens .insub_wrap,
.aller_txt { line-height: 1.8; }
.allergen_tbl {	width: 1120px; }
.allergen_tbl thead {	background: #b5945f; display: block; }
.allergen_tbl tbody {	display: block;	max-height:500px;	overflow-y: scroll; }
.allergen_tbl tr { display: flex; width: 100%; }
.allergen_tbl th,
.allergen_tbl td { flex: 0 1 auto; line-height: 1.2; padding: 10px 5px; text-align: center; vertical-align: middle; width: 27px; }
.allergen_tbl th { align-items: center;	display: flex; font-size: 1.3rem; word-wrap: break-word; word-break: break-all; z-index: 1;}
.allergen_tbl thead tr th:first-child,
.allergen_tbl tbody tr td:first-child { text-align: left; width: 140px; word-break: break-all; }
.allergen_tbl td { align-items: center; display: flex; justify-content: center; font-size: 1.4rem; word-wrap: break-word; word-break: keep-all; }
.allergen_tbl td:first-child,
.allergen_tbl td:last-child
{ justify-content: flex-start; }
.allergen_tbl_wrap { overflow-x: auto; }
.allergen_tbl tr th:nth-child(27),
.allergen_tbl tr td:nth-child(27),
.allergen_tbl tr th:nth-child(28),
.allergen_tbl tr td:nth-child(28),
.allergen_tbl tr th:nth-child(29),
.allergen_tbl tr td:nth-child(29),
.allergen_tbl tr th:nth-child(30),
.allergen_tbl tr td:nth-child(30) { width: 55px; }
.allergen_tbl tr th:last-child,
.allergen_tbl tr td:last-child { flex-grow: 1; }
.origin_tbl th,
.origin_tbl td { min-width: 100px; width: auto; }
.allergen_note_lst li { display: flex; margin-right: 30px; }
.allergen_note_lst li:last-child { margin-right: 0; }
.aller_ingre_lst {align-items:self-start; display: flex; flex-wrap: wrap; }
.aller_ingre_lst li  {margin-bottom:20px;}
.aller_ingre_lst li label {cursor:pointer; display: block; height: 100%; position: relative; text-align: center; width: 100%; }
.aller_ingre_lst li label input {bottom:auto;  left:auto;position:absolute;right:auto; top:auto; z-index:3;opacity:0;}
.aller_ingre_lst li label .aller_ingre_img { align-items: center; background: #fff; border-radius: 10px; display: flex; justify-content: center; margin-bottom:5px; position: relative; }
.aller_ingre_lst li label .aller_ingre_img img { height: auto; max-height: 68px; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; }
.aller_ingre_lst li label .aller_ingre_img::before { content: ""; display: block; padding-bottom:100%;width:100%; }
.aller_ingre_lst li label .aller_ingre_img::after { content: ""; display: block; height:100%; width:100%; position:absolute; top:0; left:0; border-radius:10px; opacity:0;}
.aller_ingre_lst li:hover .aller_ingre_img::after {opacity:1;}
.js_radiosubmit_go {display:none;}
 @media screen and (max-width:479px) {
	 .aller_ingre_lst li {font-size:1.2rem;}
 }
 @media screen and (max-width:767px) {
.allergen_note_lst { margin-bottom: 10px; }
.aller_ingre_lst li { width: calc((100% - 20px)/5 - 0.1px); margin-left: 5px; }
.aller_ingre_lst li:nth-child(5n+1) { margin-left: 0; }
.aller_ingre_lst li label .aller_ingre_img::after {border:3px solid #3f2e26;}
.ingredient_info { padding-bottom: 20px !important;}
.alle_date { font-size: 1.4rem; }
}
@media screen and (min-width:768px), print {
.allergen_note_lst { display: flex; margin-bottom: 15px; }
.aller_ingre_lst li { width: calc((100% - 90px)/10 - 0.1px); margin-left: 10px; }
.aller_ingre_lst li:nth-child(10n+1) { margin-left: 0; }
.aller_ingre_lst li label .aller_ingre_img::after {border:5px solid #3f2e26;transition:.3s all ease-in-out;}
.aller_ingre_lst li:hover .aller_ingre_img::after {opacity:1;}
.ingredient_info { padding-bottom: 30px !important;}
.alle_date { font-size: 1.6rem; }
.allergen_tbl thead ,.allergen_tbl tbody { width: 1118px;	}
.allergen_tbl tbody { overflow-x: hidden;	}	
}

/* 20191106 アレルゲン情報修正 */
.aller_ingre_lst02 li {display: block; position: relative; text-align: center; }
.aller_ingre_lst02 li a { display: block; color: #333; font-size: 1.3rem;}
.aller_ingre_lst02 li .aller_ingre_img { align-items: center; background: #fff; border-radius: 10px; display: flex; justify-content: center; margin-bottom:5px; position: relative; }
.aller_ingre_lst02 li .aller_ingre_img img { height: auto; max-height: 68px; max-width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; }
.aller_ingre_lst02 li .aller_ingre_img::before { content: ""; display: block; padding-bottom:100%;width:100%; }
.aller_ingre_lst02 li .aller_ingre_img::after { content: ""; display: block; height:100%; width:100%; position:absolute; top:0; left:0; border-radius:10px; opacity:0;}
.aller_ingre_lst02 li:hover .aller_ingre_img::after {opacity:1;}
.allergen_tbl .alle_active { background: #fbe5cd !important;}
.aller_ingre_lst02 li .aller_ingre_img.alle_img_active { background: #fbe5cd !important;}
.allergen_tbl02 tbody tr:nth-of-type(even) { background: #f6f6f6;}
.js_alle_clear { cursor: pointer;}
.aller_ingre_clear { height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}