@charset "utf-8";
/* CSS Document */

.hide-pc { display:block;}
.hide-sp { display:none;}

@media only screen and (max-width: 480px){
.hide-pc { display:none;}
.hide-sp { display:block;}
}

/*--------------------------------------------------------------------------------------------------------
   共通
---------------------------------------------------------------------------------------------------------*/
#safetycategory * {
	box-sizing:border-box;
}

#safetycategory p {
	font-size:14px;
	line-height:1.7em;
}

#safetycategory .center {
	text-align:center;
}
	
#safetycategory a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#safetycategory a, #safetycategory a:hover {
	text-decoration:none;
}

.colorRed {
	color:#eb2113 !important;
}

.safetyCap {
	font-size:12px !important;
	margin:0;
}

@media only screen and (max-width: 480px){
#safetycategory .center {
	text-align: left;
	}
}



/*----------------------------------------------------------------------------
   safetycategory
----------------------------------------------------------------------------*/
#safetycategory {
	max-width:1080px;
	width: 100%;
	margin:auto;
}



/*----------------------------------------------------------------------------
   safetymenuArea - ナビ
----------------------------------------------------------------------------*/
.safetymenuArea ul {
	width: 100%;
	padding:0;
	margin:0 auto 15px;
}

.safetymenuArea ul li {
	width:16.56%;
	height:55px;
	position: relative;
	display:block;
	float:left;
	border-left: solid 1px rgba(40,150,0,0.3);
	color: #289600;
    text-align: center;
	padding:0;
}

.safetymenuArea ul li span {
	width:95%;
	position: absolute;
    top: 50%;
    left: 50%;
	font-size: 12px;
	line-height: 1.45em;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	margin:auto;
}

.safetymenuArea ul li:last-child {
	border-right: solid 1px rgba(40,150,0,0.3);
}

.safetymenuArea ul li a {
	width:100%;
	height:100%;
	display:block;
    color: #289600;
    cursor: pointer;
}

.safetymenuArea ul li a:hover {
	width:100%;
	height:100%;
	display:block;
	background:rgba(40, 150, 0, 0.3) ;
	color:#FFF;
}

/* 訪問時 */
#effort .safetymenuArea ul li.navi1 a, #coldchain .safetymenuArea ul li.navi2 a, #conditions-statement .safetymenuArea ul li.navi3 a, #iso9001 .safetymenuArea ul li.navi4 a, #locality-information .safetymenuArea ul li.navi5 a,
#nutritional .safetymenuArea ul li.navi1 a, #allergy .safetymenuArea ul li.navi2 a, #menu-information .safetymenuArea ul li.navi3 a, #menu-contents .safetymenuArea ul li.navi4 a, #raw-material .safetymenuArea ul li.navi5 a,
#quality .safetymenuArea ul li.navi1 a, #delicious .safetymenuArea ul li.navi2 a,
#salad .safetymenuArea ul li.navi1 a, #shield-dressing .safetymenuArea ul li.navi2 a, #nutrition-labeling .safetymenuArea ul li.navi3 a,
#catering-allergy .safetymenuArea ul li.navi6 a {
	background:#289600 ;
	color:#fff;
}


@media only screen and (max-width: 768px){
.safetymenuArea {
	border-top:solid 1px rgba(40,150,0,0.3);
}

.safetymenuArea ul {
    width: 91%;
	margin:0 auto 0;
}

.safetymenuArea ul li span {
    font-size: 11px;
}

.safetymenuArea ul li a:hover {
	background:#fff;
	color:#289600;
}

}


@media only screen and (max-width: 480px){
.safetymenuArea {
	border-top: none;
}

.safetymenuArea ul {
    width: 100%;
}

.safetymenuArea ul li {
	width:100%;
	height: 48px;
	float: none;
	background: url(../images/safety/menu_mark_link_bg.png) no-repeat 95% 50%;
    background-size: 8px 12px;
	border-top:solid 1px rgba(40,150,0,0.3);
	border-left: none;
    text-align: left;
}

.safetymenuArea ul li:last-child {
	border-right:none;
}

.safetymenuArea ul li span {
    width: 90%;
}

/* 訪問時 */
#effort .safetymenuArea ul li.navi1 a, #coldchain .safetymenuArea ul li.navi2 a, #conditions-statement .safetymenuArea ul li.navi3 a, #iso9001 .safetymenuArea ul li.navi4 a, #locality-information .safetymenuArea ul li.navi5 a,
#nutritional .safetymenuArea ul li.navi1 a, #allergy .safetymenuArea ul li.navi2 a, #menu-information .safetymenuArea ul li.navi3 a, #menu-contents .safetymenuArea ul li.navi4 a, #raw-material .safetymenuArea ul li.navi5 a,
#quality .safetymenuArea ul li.navi1 a, #delicious .safetymenuArea ul li.navi2 a,
#salad .safetymenuArea ul li.navi1 a, #shield-dressing .safetymenuArea ul li.navi2 a, #nutrition-labeling .safetymenuArea ul li.navi3 a{
	background: #289600 url(/images/safety/safetymenu_active_bg_smart.png) no-repeat 95% 50%;
    background-size: 12px 8px;
	color:#fff;
}

}



/*----------------------------------------------------------------------------
   catchArea - h1
----------------------------------------------------------------------------*/
.catchArea {
	width:100%;
    background: #C9E5BF;
    padding: 20px 0 17px;
}

.catchArea h1 {
	/*max-width: 1080px;
    width: 100%;*/
	width:95%;
	font-size: 20px;
    padding:0;
    margin: auto;
}

@media only screen and (max-width: 768px){
.catchArea h1 {
    width: 90%;
}
}



/*----------------------------------------------------------------------------
   yellowSection 黄色背景
----------------------------------------------------------------------------*/
.yellowSection {
	width:100%;
    background: #FFFAEB;
}



/*----------------------------------------------------------------------------
   remarks グレー注釈背景
----------------------------------------------------------------------------*/
.remarks {
    background: #f2f2f2;
	font-size:13px !important;
	padding:20px;
    margin: 20px auto 0;
}



/*----------------------------------------------------------------------------
   コンテンツ共通幅
----------------------------------------------------------------------------*/
.descriptionSection{
/*	max-width:900px;
	width:90%;*/
	width:100%;
	position:relative;
	padding:35px 0;
	margin:0 auto;
}

.descriptionSection h2 {
	color: #289600;
    font-size: 16px;
    font-weight: bold;
	margin: 0 0 10px;
}

.descriptionSection h3 {
	font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #999;
    padding: 0 0 5px;
    margin: 0 0 12px;
}

.descriptionSection h4 {
	font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
}

.border1{
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px){
.descriptionSection{
	width:90%;
}
}



/*----------------------------------------------------------------------------
   2カラム（半分）
----------------------------------------------------------------------------*/
.descriptionSectionL {
    width: 48%;
    float: left;
}

.descriptionSectionR {
    width: 48%;
    float: right;
}

@media only screen and (max-width: 480px){
.descriptionSectionL, .descriptionSectionR {
    width: 100%;
    float: none;
}

.descriptionSectionL {
	margin:0 0 15px;
}
}


/*----------------------------------------------------------------------------
   productlinkBtn
----------------------------------------------------------------------------*/
.productlinkBtn, .productlinkBtn2 {
	margin: 0 auto 8px;
}

.productlinkBtn a {
	width:43%;
    display: block;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
	border:1px solid #dd2418;
    background:#dd2418;
	margin: 0 auto;
    padding: 12px 0;
}

.productlinkBtn a:hover {
    color: #dd2418;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    background:#fff;
	text-decoration:none;
	margin: 0 auto;
    padding: 12px 0;
}

.productlinkBtn2 a {
	width:43%;
    display: block;
    color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
	border:1px solid #279500;
    background: #279500;
	margin: 0 auto;
    padding: 12px 0;
}

.productlinkBtn2 a:hover {
    color: #279500;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: center;
    background:#fff;
	text-decoration:none;
	margin: 0 auto;
    padding: 12px 0;
}


.productlinkBtn a span, .productlinkBtn2 a span {
    background: url(/images/safety/pdfIcon.png) no-repeat 0 50%;
    background-size: 18px auto;
	font-size:14px;
	padding:0 0 0 28px;
}

.update {
	width:43%;
	text-align:left;
	font-size:13px !important;
	line-height: 1.6em !important;
	color: #dd2418;
	margin: 0 auto 20px;
	}

@media only screen and (max-width: 768px){
.productlinkBtn a:hover {
    color: #fff;
    background:#dd2418;
}

.productlinkBtn2 a:hover {
    color: #fff;
    background: #279500;
}

.productlinkBtn a, .productlinkBtn2 a, .update {
	width:55%;
}
}

@media only screen and (max-width: 480px){
.productlinkBtn a, .productlinkBtn2 a, .update {
	width:100%;
}
}



/*----------------------------------------------------------------------------
   pdfReader
----------------------------------------------------------------------------*/
.pdfReader {
	text-align:center;
	margin:0 auto;
}

.pdfReader p {
	font-size:13px;
    margin: 8px 0 0;
}

.pdfReader a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

@media only screen and (max-width: 768px){
.pdfReader a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
}

/*-------------------------------↑共通ここまで↑ -----------------------------*/




/*----------------------------------------------------------------------------
  食へのこだわりカテゴリトップ
----------------------------------------------------------------------------*/
.categorySection {
	width:100%;
	position:relative;
	margin:auto;
}

.categorySection .categoryInfo {
	width: 37%;
    position: absolute;
    top: 50%;
    right: 4%;
    -webkit-transform: translate(3%, -50%);
    -moz-transform: translate(3%, -50%);
	-ms-transform: translate(3%, -50%);
    transform: translate(3%, -50%);
}

.categorySection .categoryInfo h2 {
    font-size: 20px;
	margin:0 auto 2%;
}

.categorySection .categoryInfo p {
	margin:0 auto 2%;
}

.categorySection .categoryInfo ul li a {
	display: block;
    background: url(../images/mark/arrow2-black.png) no-repeat 96% 50%, rgba(255,255,255,0.6);
    background-size: 8px 12px;
	font-size:13px;
    padding: 2.5% 0 2.5% 15px;
    margin: 0 0 1px;
}

.categorySection .categoryInfo ul li a:hover {
    background: url(../images/mark/arrow2-black.png) no-repeat 98% 50%, rgba(255,255,255,0.9);
    background-size: 8px 12px;
    padding: 2.5% 0 2.5% 15px;
    margin: 0 0 1px;
}

@media only screen and (max-width: 768px){
.categorySection .categoryInfo {
	width: 45%;
}

.categorySection .categoryInfo h2 {
    font-size: 17px;
}

.categorySection .categoryInfo p {
    font-size: 13px;
}

.categorySection .categoryInfo ul li a {
	display: block;
    background: url(../images/mark/arrow2-black.png) no-repeat 97% 50%, rgba(255,255,255,0.6);
    background-size: 8px 12px;
	font-size:13px;
    padding: 2.8% 0 2.8% 12px;
}

.categorySection .categoryInfo ul li a:hover {
    background: url(../images/mark/arrow2-black.png) no-repeat 97% 50%, rgba(255,255,255,0.6);
    background-size: 8px 12px;
    padding: 2.8% 0 2.8% 12px;
}
}

@media only screen and (max-width: 480px){
.categorySection .categoryInfo {
	width: 100%;
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
    transform: translate(0, 0);
	margin: 15px 0 40px;
}

.categorySection .categoryInfo h2 {
	width:90%;
}

.categorySection .categoryInfo p {
	width:90%;
	font-size:14px;
	margin:0 auto 3%;
}

.categorySection .categoryInfo ul li a, .categorySection .categoryInfo ul li a:hover {
    display: block;
    background: url(../images/mark/arrow2-black.png) no-repeat 96% 50%, #f6f6f6;
    background-size: 8px 12px;
    padding: 3.4% 0 3.4% 20px;
}
}




/*----------------------------------------------------------------------------
  安全・安心への取り組み
----------------------------------------------------------------------------*/
.effort_bg {
	background:url(/images/safety/top-main1-1.png) no-repeat center;
	background-size:cover;
}

.catchareaInner_ext {
	width: 90%;
	padding: 45px 0;
	margin:0 auto;
}

.catchareaInner_ext .firstText {
	font-size:22px;
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
}

.secondText {
	color: #289600;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:0;
}

.thirdText {
	text-align:center;
	padding: 10px 0 0 0;
	margin:0;
}

.effortDesc {
    width: 65%;
	float:left;
}

.effortDesc h3 {
	font-size: 15px;
	font-weight:bold;
	border-bottom:1px solid #999;
	padding:0 0 10px;
	margin:0 0 20px;
}

.effortPhoto {
	float:right;
	width:30%;
}

.effortPhoto img {
	width:100%;
	margin:0 0 10px;
}



@media only screen and (max-width: 480px){
.catchareaInner_ext .firstText {
	font-size:20px;
}

.thirdText {
	text-align:left;
}

.effortDesc, .effortPhoto  {
    width: 100%;
	float: none;
}

.effortPhoto  {
	text-align:center;
}
}




/*----------------------------------------------------------------------------
  ISO9001
----------------------------------------------------------------------------*/
.iso {
	max-width:900px;
	width:100%;
	margin:25px auto 0;
}

.isoDesc {
	width:46%;
	float: left;
}

.isoPhoto {
	width:46%;
	float:right;
	text-align:center;
	background:#FFF2CD;
	padding:25px;
}

.isoPhoto p {
    color: #EC2214;
}

@media only screen and (max-width: 480px){
.isoDesc, .isoPhoto {
	width:100%;
	float: none;
}

.isoDesc {
	margin:0 0 25px;
}
}




/*----------------------------------------------------------------------------
  栄養成分
----------------------------------------------------------------------------*/
.pdfBox {
	padding: 35px;
}

.pdfBox .tit {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #333;
	margin-bottom: 40px;
}

.pdfBox .tit:before {
	content: "";
	background: #333;
	width: 40px;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -17px;
	margin: 0 auto;
}

.pdfBox .pdfList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
}

.pdfBox .pdfList li {
	width: 48%;
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
}

.pdfBox .pdfList li.green {
	border: 1px solid #279602;
}

.pdfBox .pdfList li.orange {
	border: 1px solid #f55016;
}

.pdfBox .pdfList li .midashi {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 16px 0;
	margin-bottom: 0;
}

.pdfBox .pdfList li.green .midashi {
	background: #279602;
}

.pdfBox .pdfList li.orange .midashi {
	background: #f55016;
}

.pdfBox .pdfList li .pdfListIn {
	padding: 25px;
}

.pdfBox .pdfList li .pdfListIn .linkBtn {
	margin-bottom: 8px;
}

.pdfBox .pdfList li .pdfListIn .linkBtn a {
	width: 100%;
	display: block;
	background: #e50012;
	border-radius: 4px;
	border: 1px solid #e50012;
	text-align: center;
	padding: 13px 0;
	transition: .3s;
}

.pdfBox .pdfList li .pdfListIn .linkBtn a span {
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-left: 22px;
	transition: .3s;
}

.pdfBox .pdfList li .pdfListIn .linkBtn a span:before {
	content: "";
	background: url(/images/safety/pdfIcon.png) 0 50% / 100% no-repeat;
	width: 18px;
	height: 21px;
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
}

.pdfBox .pdfList li .pdfListIn .updateday {
	font-size: 13px !important;
	color: #dd2418;
	margin-bottom: 0;
}

.tableBox {
	width: 100%;
	border-collapse:collapse;
	margin-top: 15px;
}

.tableBox .tabletit {
	font-size: 15px;
	font-weight: bold;
	color: #f55016;
	margin-bottom: 5px;
}

.tableBox table {
	width: 100%;
	border-collapse:collapse;
}

.tableBox table th {
	width:20%;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
}

.tableBox table td {
	width: 80%;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}


table.ingredient {
	width:90%;
	border-collapse:collapse;
	margin:0 auto 20px;
}

table.ingredient th {
	width:15%;
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
}

table.ingredient td {
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

.pdfTxt {
	font-size: 18px !important;
	font-weight: bold;
	text-align: center;
	color: #dd2418;
	margin-bottom: 20px;
}

@media only screen and (min-width: 769px){
.pdfBox .pdfList li .pdfListIn .linkBtn a:hover {
	background: #fff;
}

.pdfBox .pdfList li .pdfListIn .linkBtn a:hover span {
	color: #e50012;
}
}

@media only screen and (max-width: 768px){
table.ingredient {
	width:100%;
}
}

@media only screen and (max-width: 480px){
.pdfBox {
    padding: 30px 20px;
}

.pdfBox .pdfList li .pdfListIn {
    padding: 15px;
}

.pdfBox .pdfList li {
    border-radius: 10px;
	}

.pdfBox .pdfList li .midashi {
    font-size: 15px;
    padding: 16px 0;
	}

.pdfBox .pdfList li .pdfListIn .updateday {
    font-size: 12px !important;
	}

.pdfBox .pdfList li .pdfListIn .linkBtn a {
    padding: 8px 0;
	}

.pdfBox .pdfList li .pdfListIn .linkBtn a span {
	font-size: 13px;
	display: block;
    line-height: 1.5;
    padding-left: 0;
	}

.pdfBox .pdfList li .pdfListIn .linkBtn a span:before {
	display: none;
	}

.tableBox table {
	border-bottom: 1px solid #ccc;
}

.tableBox table th,
.tableBox table td {
	width:100%;
	display: block;
}

.tableBox table th {
	border-bottom:none;
	border-right:none;
}

.tableBox table td {
	border-bottom:none;
	border-left:none;
}

table.ingredient th {
	width:25%;
}
}




/*----------------------------------------------------------------------------
  低アレルゲンメニュー
----------------------------------------------------------------------------*/
.allergenPhoto {
	text-align:center;
	padding:5px 0 10px;
}




/*----------------------------------------------------------------------------
  低アレルゲンメニュー内容及び20品目使用状況
----------------------------------------------------------------------------*/
.materials {
	margin:0 auto 25px;
}

.materials .photoBox {
	width:48.7%;
	float:left;
}

.materials .materialsBox {
	width:47%;
	float: right;
}

.materials h2 {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #999;
    padding: 0 0 12px;
    margin: 0 0 10px;
}

.materials .price {
	font-size:20px !important;
	font-weight:bold;
	border-bottom:1px solid #E6E6E6;
	text-align: center;
	padding: 0 0 5px;
    margin: 0 0 16px;
}

.materials .price span {
	font-size:70%;
}

.materials h3 {
	font-size:14px;
	font-weight:bold;
    margin: 0 0 5px;
    padding: 0;
    border-bottom: none;
}

.materialsSecond {
	width:90%;
	position:relative;
	padding:35px 0;
	margin:auto;
}

.materialsSecond h4 {
	font-size:16px;
	font-weight:bold;
}



/* ---------- allergenTable ---------- */
table.allergenTable {
	width:100%;
	border-collapse:collapse;
    margin: 20px auto 0;
}

table.allergenTable th {
	width:10%;
	font-size:15px;
	text-align:center;
	vertical-align:top;
	color: #dd2418;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	border-right:#cccccc solid 1px;
}

table.allergenTable td {
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-bottom:#cccccc solid 1px;
	border-top:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
}

/* ---------- markDesc ---------- */
.markDesc  {
	width:13%;
	position:absolute;
	top:0;
	right:0;
	margin: 30px 0 0;
}

.markDesc a {
	display:block;
	text-align: center;
	font-size: 12px;
	color:#fff;
	background: #666;
	border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    padding: 5px 12px;
}

.markDesc a:hover {
	background: #F15F55;
	font-size: 12px;
	text-decoration:none;
}

/*------------- Boxer ------------ */
.no-display {
	display:none;
}

#boxer {
	border: none !important;
	}

#boxer .boxer-container {
    width: 540px !important;
    height: 100%;
    position: relative;
    z-index: 103;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
}

#boxer .boxer-content {
    width: 100%;
    opacity: 1;
    overflow: hidden;
    padding: 0;
}

#boxer .boxer-content .inline-content {
    position: relative;
    width: 100% !important;
    padding: 0;
    height: auto;
	border: 1px solid #999;
	margin: 0 auto !important;
	padding:3% !important;
}

#boxer .boxer-content .inline-content ul {
	width:100% !important;
	margin:0 auto;
	}

#boxer .boxer-content .inline-content ul li {
	font-size:14px;
	margin:0 0 8px;
	}

#boxer .boxer-content .inline-content ul li:last-child {
	margin:0;
	}

#safetycategory .modal-inner .inline-content ul li.mark1:before {
	content: "◎" ;
	color: #dd2418;
	font-size:15px;
	}

#safetycategory .modal-inner .inline-content ul li.mark2:before {
	content: "□" ;
	color: #dd2418;
	font-size:15px;
	}

#safetycategory .modal-inner .inline-content ul li.mark3:before {
	content: "△" ;
	color: #dd2418;
	font-size:15px;
	}

#safetycategory .modal-inner .inline-content ul li.mark4:before {
	content: "※" ;
	color: #dd2418;
	font-size:15px;
	}


@media only screen and (max-width: 768px){
/* ---------- markDesc ---------- */
.markDesc {
    width: 16%;
}

/*------------- Boxer ------------ */
#boxer.mobile .boxer-content {
    height: auto !important;
	top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#boxer .boxer-content .inline-content {
    height: auto !important;
}
}


@media only screen and (max-width: 480px){
.materials .photoBox, .materials .materialsBox {
	width:100%;
	float: none;
}

.materials .photoBox {
	margin:0 0 10px;
}

/* ---------- markDesc ---------- */
.markDesc {
    width: 32%;
    margin: 35px 0 0;
}

/*------------- Boxer ------------ */
#boxer .boxer-content .inline-content {
	border: none;
	padding: 6% !important;
}

#boxer .boxer-container {
    width: auto !important;
}
}



/*----------------------------------------------------------------------------
  低アレルゲンメニュー原材料詳細
----------------------------------------------------------------------------*/
ul.rawMaterial {
	display:table;
}

ul.rawMaterial li {
	width:49%;
	float:left;
	border:1px solid #e6e6e6;
	padding:2%;
	margin:0 2% 2% 0;
}

ul.rawMaterial li:nth-child(2n) {
	margin:0 0 2% 0;
}

ul.rawMaterial li p {
	margin:0;
}

@media only screen and (max-width: 480px){
ul.rawMaterial li {
	width:100%;
	float: none;
	border: none;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 5%;
    margin: 0 0 5%;
}

ul.rawMaterial li:nth-child(2n) {
	margin: 0 0 5%;
}

ul.rawMaterial li:last-child {
    border-bottom: none;
	margin: 0;
    padding: 0;
}

}




/*----------------------------------------------------------------------------
  素材の追及、おいしさの追及-カテゴリトップ
----------------------------------------------------------------------------*/
ul.qualityList li {
	width:49%;
	position:relative;
	float:left;
	border-radius:6px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
	overflow:hidden;
	margin:0 2% 2% 0;
}

ul.qualityList li:nth-child(2n) {
	margin:0 0 2%;
}

ul.qualityList li .qualityListBg {
	width: 37%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	margin: 0;
	z-index:2;
}

ul.qualityList li h3 {
	position:absolute;
    top: 50%;
    left: 0;
    width: 100%;
	-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
	font-size:26px;
	font-weight:normal;
	text-align:center;
	border: 0;
	color:#fff;
	line-height: 1.8em;
    letter-spacing: .08em;
}

ul.qualityList li h3 span {
	font-size: 62%;
    border-top: 1px solid #fff;
    padding: .65em 1em 0;
}

ul.qualityList li a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

@media only screen and (max-width: 768px){
ul.qualityList li h3 {
    font-size: 18px;
}

ul.qualityList li a:hover {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
}

@media only screen and (max-width: 480px){
ul.qualityList li {
	width:100%;
	display: block;
	padding: 0;
	margin:0 0 5%;
}

ul.qualityList li:nth-child(2n) {
	margin:0 0 5%;
}

ul.qualityList li:last-child {
	margin:0;
}
}



/*----------------------------------------------------------------------------
  素材の追及、おいしさの追及-下層
----------------------------------------------------------------------------*/
.qualityMain {
	position:relative;
    margin: 0 auto 30px;
}

.qualityMain img {
	width:100%;
}

.qualityMain h2 {
	position: absolute;
	top:3%;
	left:3%;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:50px;
    line-height: 1.1em;
	color: #fff;
}

.qualityMain h2 span {
	font-size:58%;
	color: inherit;
}

.qualityMain .qualityTxt {
    width: 40%;
    position: absolute;
    left: 3%;
    bottom: 3%;
    background: rgba(78,42,24,0.6);
    color: #fff;
    padding: 18px;
}

.qualityMain .qualityTxt span {
    font-size: 85%;
}


/* ------- qualityDesc ------- */
.qualityDesc h3 {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:20px;
    color: #279500;
	border-bottom: solid 1px rgba(39,149,0,.4);
	padding:0 0 5px;
	margin:0 0 15px;
}

.qualityDesc .qualityDescInner {
	margin:0 auto 30px;
}

.qualityDesc .qualityDescInner .qualityDescPhoto {
	width:40.2%;
	float:left;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt {
	width:56.5%;
	float: right;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt h4 {
	border-bottom:1px solid #E6E6E6;
    padding: 0 0 3px;
    margin: 0 0 12px;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt h4.qualityDeco {
	text-align: center;
    background: rgba(39,149,0,.1);
	border-bottom: none;
	color: #279500;
	font-size:18px;
    padding: 8px 0;
    margin: 0 0 12px;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt h5 {
	font-size:15px;
    margin: 0 0 5px;
}

.qualityDesc .qualityDescInner .qualityDescPhoto img,
.qualityDesc .qualityDescInner .qualityDescPhotoTxt ul.dressing li img {
	margin:0 0 8px;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt ul.dressing {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt ul.dressing li {
	width:32%;
}


/* ------- photoBoxL, photoBoxR ------- */
.photoBoxL {
    width: 48%;
    float: left;
	margin: 0 0 10px;
}

.photoBoxR {
    width: 48%;
    float: right;
}


/* ------- qualityDesc2 背景緑 ドレッシング ------- */
.qualityDesc2 .qualityDesc2Inner .qualityDescPhotoTxt2 h4 {
	border-bottom:1px solid #ccc;
    padding: 0 0 3px;
    margin: 0 0 12px;
}

.qualityDesc2 {
	background: rgba(201,229,191,.4);
	padding:25px;
}

.qualityDesc2Inner {
	margin:0 0 15px;
}
	
.qualityDescPhoto2 {
    width: 37%;
    float: left;
}

.qualityDescPhotoTxt2 {
    width: 60%;
    float: right;
}


/* ------- coffeeMark ------- */
.coffeeMark{
	width: 33%;
    float: right;
    padding: 0 0 0 2%;
}


/* ------- whatsLinkドレッシング ------- */
.whatsLink a {
    width: 55%;
    display:block;
    background: #00A546;
    border: 1px solid #00A546;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 12px;
    margin: 0 auto 30px;
}

.whatsLink a:hover {
    background: #fff;
    border: 1px solid #00A546;
    color: #00A546;
}

/* ------- linkLst ------- */
.linkList li{
    margin-top: 20px;
}
.linkList li a{
    display: block;
    line-height: 1;
    padding-left: 15px;
    position: relative;
    font-size: 15px;
    transition: .3s;
}
.linkList li a::before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    transform: rotate(-45deg) translate(0,-50%);
    border-bottom: 1px solid #279500;
    border-right: 1px solid #279500;
    left: 0;
    top: 50%;
    position: absolute;
    transition: .3s;
}
.linkList li a:hover{
    color: #279500;
}

.linkBnr a:hover{
    transition: .3s;
}
.linkBnr a:hover{
    transform: scale(1.05);
}

@media only screen and (max-width: 768px){
.qualityMain h2 {
	font-size:45px;
}

.qualityMain .qualityTxt{
	width: 100%;
    position: static;
    background: none;
    color: #555;
    padding: 10px 0 0; 
}

/* ------- whatsLinkドレッシング ------- */
.whatsLink a:hover {
    background: #00A546;
	background-size:8px auto;
    color: #fff;
}
}

@media only screen and (max-width: 480px){
.qualityMain h2 {
	top:3%;
	left:3%;
    font-size: 26px;
}

/* ------- qualityDesc ------- */
.qualityDesc .qualityDescInner .qualityDescPhoto, .qualityDesc .qualityDescInner .qualityDescPhotoTxt {
	width:100%;
	float: none;
}

.qualityDesc .qualityDescInner .qualityDescPhoto{
	margin:0 0 15px;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt ul.dressing {
	flex-wrap: wrap;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt ul.dressing li {
	width:48%;
	display:inline-block;
	margin-right:2.8%;
	margin-bottom:10px;
}

.qualityDesc .qualityDescInner .qualityDescPhotoTxt ul.dressing li:nth-child(2n) {
	margin-right:0;
}

/* ------- qualityDesc2 ------- */
.qualityDescPhoto2, .qualityDescPhotoTxt2 {
    width: 100%;
    float: none;
}

.qualityDescPhoto2 {
	margin:0 0 10px;
}

/* ------- whatsLinkドレッシング ------- */
.whatsLink a {
    width: 100%;
}
}



/*----------------------------------------------------------------------------
  栄養表示
----------------------------------------------------------------------------*/
.commitmentBg {
	width:60%;
	text-align:center;
	background:#289600;
	color:#fff !important;
	border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
	padding:1%;
    margin: 0 auto 20px !important;
}

ul.commitment li {
	font-size:14px;
}

/* ------- metabolic メタボリック表 ------- */
.metabolic {
	position: relative;
}

/* metabolicL */
.metabolic .metabolicL {
	width:32%;
	height:300px;
	float:left;
	position:relative;
	text-align:center;
}

.metabolic .metabolicL:after {
	content: "";
    position: absolute;
    display: block;
    background: url(/images/safety/commitment02.png) no-repeat;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
    top: 0;
	right: -18%;
	bottom:0;
	margin:auto;
}

.metabolic .metabolicL .metabolicElement {
	border:1px solid #289600;
	position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	padding:20px;
}

.metabolic .metabolicL .metabolicElement h3 {
	color:#289600;
	border: none;
	font-size:16px;
	padding:0;
}

.metabolic .metabolicL .metabolicElement ul {
	display:table;
	margin:auto;
}

.metabolic .metabolicL .metabolicElement ul li {
	display: block;
	letter-spacing:.06em;
	font-weight:bold;
}

.metabolic .metabolicL .metabolicElement ul li span {
	font-size:30px;
	color:#289600;
}

/* metabolicR */
.metabolic .metabolicR {
	width:58%;
	float:right;
}

.metabolic .metabolicR h3 {
	text-align:center;
	border: none;
	margin: 0;
}

table.metabolicTable {
	width:100%;
	border-collapse:collapse;
    margin: 0 0 8px;
	}

table.metabolicTable th {
	width:8%;
	vertical-align: middle;
	border:#F2645A solid 1px;
	background:#F2645A;
	text-align:center;
	font-size:14px;
    line-height: 1.2em;
	color: #fff;
	padding:10px;
}

table.metabolicTable td {
	font-size:14px;
	vertical-align:middle;
	border:#F2645A solid 1px;
	background:#fff;
	text-align: left;
	padding:10px;
}

.metabolic .metabolicR ul {
	margin:0;
}

.metabolic .metabolicR ul li {
	font-size:14px !important;
}


/* commitmentTable */
table.commitmentTable {
	width:100%;
	border-collapse:collapse;
    margin: 10px auto 0;
}

table.commitmentTable th {
	/*width:10%;*/
	font-size:15px;
	text-align:center;
	vertical-align: middle;
	background: rgba(190, 223, 178, 0.34);
	padding:10px;
	border:#cccccc solid 1px;
}

table.commitmentTable td {
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:10px;
	border:#cccccc solid 1px;
}

table.commitmentTable .w20 {
	width:20%;
}

table.commitmentTable .w15 {
	width:15%;
}


@media only screen and (max-width: 768px){
.commitmentBg {
	width:80%;
	
}
}


@media only screen and (max-width: 480px){
.commitmentBg {
	width:100%;
	font-size:15px;
	padding:1.7%;
}

/* metabolicL */
.metabolic .metabolicL {
	width:100%;
	height: auto;
	float: none;
	margin:0 auto 45px;
}

.metabolic .metabolicL:after {
    width: 20px;
    height: 20px;
    top: initial;
    left: 0;
    right: 0;
    bottom: -35px;
	margin:auto;
}

.metabolic .metabolicL .metabolicElement {
	position:static;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
	padding:20px;
}

/* metabolicR */
.metabolic .metabolicR {
	width:100%;
	float:none;
}
}



/*----------------------------------------------------------------------------
  素材・美味しさの追求_カテゴリTOPボタン_2023.03.20
----------------------------------------------------------------------------*/

ul.qualityList li .qualityListNew h3 {
    width: auto;
    height: auto;
    background: none;
    text-align: left;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    font-size: 3vw;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-indent: 0.02em;
    left: 30px;
    padding: 0;
    margin: 0;
}


@media only screen and (min-width: 1080px){

ul.qualityList li .qualityListNew h3 {
    font-size: 35px;
}

}


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

ul.qualityList li .qualityListNew h3 {
    font-size: 25px;
    left: 20px;
}

}


/*----------------------------------------------------------------------------
  デニーズの追求へのバナー_2024.08.30
----------------------------------------------------------------------------*/
.qualityBnr {
	max-width: 1080px;
	width: 100%;
	margin-top: 80px;
}

.qualityBnr.mt {
	margin: 0 auto;
}

.qualityBnr a {
	width: 100%;
	display: block;
	overflow: hidden;
}

.qualityBnr a img {
	overflow: hidden;
	transition: .3s;
}

@media only screen and (min-width: 961px){
.qualityBnr a:hover img {
transform:scale(1.1);
}
}