@charset "UTF-8";



.inner-info { padding-top: 50px; }

.safety img {


	max-width: 100%;
}

/*------------------
 アレルギー表
 ------------------*/
#safety_allergen table.allergen_table {
	margin: 0 0 10px;

	/* scroll */
	border-collapse: separate;
	border: 1px solid #003983;
}

/* scroll */
#safety_allergen table.allergen_table tbody {
	display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 450px;
}
#safety_allergen table.allergen_table tbody::-webkit-scrollbar {
	width: 8px;
}
#safety_allergen table.allergen_table tbody::-webkit-scrollbar-track {
	background-color: #ccc;
}
#safety_allergen table.allergen_table tbody::-webkit-scrollbar-thumb {
	background-color: #003983;
}
#safety_allergen table.allergen_table tbody {
	/* firefox */
	scrollbar-width: thin;
	scrollbar-color: #003983 #ccc;
}
#safety_allergen table.allergen_table tbody tr:first-child th,
#safety_allergen table.allergen_table tbody tr:first-child td
{
	border-top: none;
	border-bottom: none;
	background-clip: padding-box; /* firefox */
}
#safety_allergen table.allergen_table tbody tr.al_header th:last-child,
#safety_allergen table.allergen_table tbody tr:nth-child(n+2) td:last-child
{
	border-right: none;
}
#safety_allergen table.allergen_table tbody tr:last-child td {
	border-bottom: none;
}

#safety_allergen table.allergen_table th,
#safety_allergen table.allergen_table td {
	/* scroll */
	border-left: 1px solid #003983;
	border-bottom: 1px solid #003983;

	padding: 0;
	font-size: 14px;
}
#safety_allergen table.allergen_table td {
	text-align: center;
}

#safety_allergen table.allergen_table td.all_menu {
	text-align: left;
	padding: 3px 5px 3px 10px;
}

#safety_allergen table.allergen_table .al_cete1 {
	background: #f2f2f2;
}

/* 幅設定 */
#safety_allergen table.allergen_table .left {
	width: 270px;
	text-align: left;
}

/* scroll */
#safety_allergen table.allergen_table thead {
	display: block;
	border-bottom: 1px solid #003983;
}

#safety_allergen table.allergen_table .al_header th,
#safety_allergen table.allergen_table .al_header td {
	background: #fffbef;
}

/* scroll */
#safety_allergen table.allergen_table .al_header td,
#safety_allergen table.allergen_table .al_header th {
    border-bottom: none;
}

#safety_allergen table.allergen_table .al_header td {
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}

.al_cate_title {
	color: #be0000;
	font-size: 16px;
}

.al_cate_note {
	text-align: right;
	font-size: 14px;
}


#safety_allergen table.allergen_table .al_header th {
	width: 33px;
	text-align: center;
	line-height: 1.2;
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;

	/* scroll */
	padding: 14px 0;
}

#safety_allergen table.allergen_table .al_header th.right {
	width: 33px;
}

#safety_allergen table.allergen_table p.al_title {
	 font-size: 16px;
}

#safety_allergen table.allergen_table p.al_title span {
	font-size: 12px;
}

#safety_allergen table.allergen_table p.al_kcal {
	font-size: 14px;

	text-align: right;
}



#safety_allergen .arrow_link01 a {
	display: inline-block;
	margin-top: 1.9em;
	text-indent: 0; text-decoration: underline;
	color: #003983;
	opacity: 1;
	transition: opacity 0.35s ease;
}


#safety_allergen .arrow_link01 a:hover {
	opacity: 0.7;

}

.lastdate {
	margin-top: 3.4em; letter-spacing: 3px;

}




#safety_allergen table.allergen_table td a {
	color: #003983;
}
#safety_allergen table.allergen_table td a:hover {
	opacity: 0.7;
}

#safety_allergen .section-inner .inner-info {
	padding: 50px 40px 87px;
	line-height: 1.9;
} #safety_allergen.allergen .section-inner .inner-info { padding: 0; line-height: 2.5; } #safety_allergen.allergen .inner-info ul li { padding-left: 0;     text-indent: 0; }

#safety_allergen .inner-info ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#safety_allergen .chapter_list01.list_indent01 {

	margin-top: 1.8em;
}











#safety_allergen .tablewrap {
	margin-top: 0.2em;
}


#safety_allergen .tablewrap table tr td:first-child {
	width: 350px;

	/* scroll */
	border-left: none;
}
#safety_allergen .tablewrap table .al_header {
	/* scroll */
	height: 170px;
    position: sticky;
    top: 0;
	outline: 1px solid #003983;
}
#safety_allergen .tablewrap table td {
	height: 80px;
}

@media only screen and (max-width: 750px) { .inner-info { padding-top: 30px; }
#safety_allergen .tablewrap {
	position: relative; width: 100%;
	overflow: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;
}

/* scroll */
#safety_allergen table.allergen_table {
    margin: 0 0 40px;
}

#safety_allergen .tablewrap table {
	/* scroll */
	/*width: 1280px;*/
	width: 1180px;
}

/* scroll */
#safety_allergen table.allergen_table tbody {
	max-height: 300px;
}

.al_cate_title {
	font-size: 14px;
}
.al_cate_note {
	font-size: 12px;

}

#safety_allergen table.allergen_table .al_header th ,
#safety_allergen table.allergen_table p.al_title {
	font-size: 13px;
}
#safety_allergen table.allergen_table th ,
#safety_allergen table.allergen_table td ,
#safety_allergen table.allergen_table p.al_kcal {
	font-size: 12px;
}

#safety_allergen .tablewrap table .al_header {


	height: 170px;
}
#safety_allergen .tablewrap table tr td {
	height: 70px;
}
#safety_allergen .tablewrap table tr td:first-child {

	width: 285px;
}


#safety_allergen .section-inner .inner-info {
	padding: 0;
}

#safety_allergen .section-inner .inner-info {
	padding: 0 15px 87px;
}
#safety_allergen .section-menu-inner .inner-info {

	padding: 30px 15px 87px;
}

}

/*----------------------------------------------------------------------------------
		 		安全・安心な食事をあなたに
------------------------------------------------------------------------------------*/
#safety_index .list_safety {

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;

	display: flex;
	flex-wrap: wrap; justify-content: space-between; margin-top: 13px;
}
#safety_index .list_safety li {

	 width: 580px; margin-top: 43px;
}
#safety_index .list_safety li:nth-child(1) ,
#safety_index .list_safety li:nth-child(2) {

	margin-top: 0;
}
#safety_index .list_safety li h2 {
	margin-bottom: 33px; padding: 7px; border: 1px solid #003983; text-align: center; line-height: 2.7; font-size: 24px; color: #003983;

}
#safety_index .list_safety li .detail_safety {

	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;

}









#safety_index .list_safety li .images {
	width: 160px; padding-top: 7px; line-height: 1;
}


#safety_index .list_safety li .detail {
	display: flex; flex-flow: column; justify-content: space-between; width: 410px; line-height: 1.9; letter-spacing: 1.3px;

}

#safety_index .list_safety li .detail a {
	display: inline-block; position: relative; padding: 5px 33px 6px 23px;
	border-radius: 5px; background-color: #014099; letter-spacing: 2px;
	color: #fff;

}
#safety_index .list_safety li .detail a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 9px;
	height: 16px;
	margin-top: -8px;
	background: url(../../img/common/icon_bullet06.png) no-repeat 0 0;
	-webkit-background-size: contain;
	background-size: contain;
}
#safety_index .list_safety li .detail .link {

	margin-top: 5px; text-align: right;
}



@media only screen and (max-width: 750px) {
#safety_index .list_safety {

	display: block; margin-top: 7px;

}

#safety_index .list_safety li {


	 width: 100%; margin-top: 30px;
}
#safety_index .list_safety li:nth-child(2) {
	margin-top: 30px;
}
#safety_index .list_safety li h2 {

	margin-bottom: 15px; padding: 5px 5px 6px; line-height: 1.3; font-size: 16px;
}









#safety_index .list_safety li .images {
	width: 150px; padding-top: 5px;
}


#safety_index .list_safety li .detail {
	width: calc(100% - 165px); line-height: 2.1;
}
#safety_index .list_safety li .detail a {
	display: inline-block; padding: 3px 23px 4px 15px; border-radius: 7px;
}

#safety_index .list_safety li .detail a:after {
	width: 8px; height: 13px;
}
#safety_index .list_safety li .detail .link {

	margin-top: 8px; text-align: right;
}
}


/*----------------------------------------------------------------------------------
		 		特定原材料情報
------------------------------------------------------------------------------------*/

div#contents ul.photo_production {
	width: 200px;
}

div#contents ul.photo_production li {
	text-align: center;
}

div#contents ul.photo_production p.top {
	text-align: right;
}

div#contents ul.photo_production p {
	text-align: left;
}


div#contents ul.photo_list_production {
	padding-bottom: 30px;
}

div#contents ul.photo_list_3column_b li {
	text-align: center;
}


/*----------------------------------------------------------------------------------
		 		身体がよろこぶ自然味を
------------------------------------------------------------------------------------*/

#safety_natural .menu_list {
}
#safety_natural .menu_list > li {
  width: 224px;
  margin: 0 0 20px 20px;

}
#safety_natural .menu_list > li a {

	display: block;

	height: 0; padding-bottom: 100%;
	background-color: #eee;
}
#safety_natural .menu_list > li:nth-child(5n+1) {

  margin-left: 0;
}

#safety_natural .menu_list > li img {

  width: 100%;
}

.item-menu-cmn {

  display: block;
  position: relative;
}
.item-menu-cmn .txt {
  background: #003983;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;

  padding: 15px 17px 16px;
  font-size: 16px;
  letter-spacing: 0.1em;









  line-height: 1;
  z-index: 2;

}







































#safety_natural .section-main-cmn .tab-content ,
#safety_natural .section-main-cmn .tab-content-sub {
	display: none;
}

#safety_natural .section-main-cmn .tab-content.current ,
#safety_natural .section-main-cmn .tab-content-sub.current {

	display: block;

}
#safety_natural .section-inner .caption {
	margin-bottom: 40px;
	line-height: 1.9;

}
#safety_natural .chapter_title01_bg {
	margin: 40px 0 16px;
	padding-bottom: 7px;

	border-bottom: 1px solid #aaaaaa;
	font-size: 24px;

}


#safety_natural .chapter_list01 ~ .chapter_list01 {



margin-top: 40px;






}


#safety_natural .tab_btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;

	display: -o-flex;
	display: flex; margin: 40px 0;
}
#safety_natural .tab_btn li ~ li { margin-left: 11px; }

#safety_natural .tab_btn li a {
	display: block; min-width: 290px; padding: 3px 15px; background-color: #f2f2f2; text-align: center; font-size: 18px; color: #003983; cursor: pointer;
}


#safety_natural .tab_btn li.current a {
	background-color: #003983; color: #fff;
}



@media only screen and (max-width: 750px) {
  #safety_natural {
    padding-bottom: 0;

  }

  #safety_natural:before {
    background-image: url(../img/menu/sm/bg_banner.jpg);

    background-size: cover;

  }
  #safety_natural .ttl {
    font-size: 18px;
    padding: 12px 10px;

    margin: 0 15px;
  }

  #safety_natural .menu_list {





    padding: 15px 7.5px 50px;
    margin: 0;


    background: #fff;
  }

  #safety_natural .menu_list > li {

    width: 50%;
    padding: 0 7.5px 15px;

    margin: 0;
  }

  #safety_natural .wrapper {
/*    margin: 0;*/
/*    padding: 0;*/

/*    background: none;*/

  }
#safety_natural .section-inner .caption {
	margin-bottom: 13px; line-height: 2.1;
	letter-spacing: 0.35px;

}
#safety_natural .chapter_title01_bg {
	margin: 20px 0 13px;
	padding-bottom: 10px;

	border-bottom: 1px solid #aaaaaa;
	font-size: 16px;

}


#safety_natural .chapter_list01 ~ .chapter_list01 {

	margin-top: 3px;
}

#safety_natural .tab_btn {

	display: block; position: relative; margin: 20px 0 10px; z-index: 3;

}


#safety_natural .tab_btn li ~ li { margin-left: 0; }

#safety_natural .tab_btn li a {
	width: 100%; min-width: 100%; padding: 3px 15px; text-align: left; font-size: 13px; color: #003983;
}

#safety_natural img {
	width: auto; max-width: 100%;
}

#safety_natural .tab_btn li.current a {
	position: relative; background-color: #003983; color: #fff;
}


#safety_natural .tab_btn li:not(.current) {
	display: none; position: absolute;
	top: 100%;
	left: 0; width: 100%;
}
#safety_natural .tab_btn li.current {
	display: list-item !important; position: relative;
	bottom: auto;
	left: auto;
}

#safety_natural .tab_btn li.current a:after {
	content: ''; display: inline-block; position: absolute; top: 50%; right: 13px; width: 7px; height: 13px; margin-top: -6px; background: url(../img/common/icn_bullet05.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; transform: rotate(270deg);
}

.item-menu-cmn .txt {
	padding: 6px 8px;
	font-size: 12px;
}

}
@media only screen and (min-width: 751px) {
#safety_natural .tab_btn li { display: block !important; }
}

/* safety_quality */
#safety_quality .section-inner .column_quality {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between;
}











#safety_quality .section-inner .column_quality .exp {

}
#safety_quality .section-inner .column_quality .image {

	flex-shrink: 0; width: 392px; padding-top: 18px; margin-left: 18px;
}
#safety_quality .section-inner .column_quality .exp .lead {

}
#safety_quality .section-inner .column_quality .exp strong {
	font-size: 24px; font-weight: normal; color: #014099;
}
#safety_quality .section-inner .column_quality .exp h2 {

	font-size: 16px; font-weight: bold;
}
#safety_quality .section-inner .column_quality .exp p {

}
#safety_quality .section-inner .column_quality .exp .links {
	margin-top: 37px;
}
#safety_quality .section-inner .column_quality .exp .links li {

}
#safety_quality .section-inner .column_quality .exp .links li a {
	text-decoration: underline; color: #014099;
}

#safety_quality .section-inner h3 {
	margin-top: 40px; font-size: 16px; font-weight: bold;
}
#safety_quality .section-inner p {


}

#safety_quality .section-inner .column_quadruple {

	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 46px;
}
#safety_quality .section-inner .column_quadruple li {
	width: 285px;

}
#safety_quality .section-inner .column_quadruple li p {
	margin-top: -6px;
}

@media only screen and (max-width: 750px) {
#safety_quality .section-inner .column_quality {
	display: block;
}

#safety_quality .section-inner .column_quality .image {
	width: 315px;
	margin: 0 auto;


	padding-top: 14px;
}
#safety_quality .section-inner .column_quality .exp strong {
	letter-spacing: -0.3px; font-size: 16px;
}
#safety_quality .section-inner .column_quality .exp h2 {

	font-size: 12px;
}
#safety_quality .section-inner .column_quality .exp p {
  line-height: 2.1;
}
#safety_quality .section-inner .column_quality .exp .links {
	margin-top: 24px;

}
#safety_quality .section-inner h3 {
	margin-top: 27px; font-size: 12px;

}
#safety_quality .section-inner p {
	line-height: 2.1;
}
#safety_quality .section-inner .column_quadruple {

	margin-top: 12px;
}
#safety_quality .section-inner .column_quadruple li {

	width: 48%; margin-bottom: 3%;
}
#safety_quality .section-inner .column_quadruple li p {
	line-height: 2.1;
}

}





/* safety_production */
#safety_production .lead h2 {
	margin-bottom: 16px; padding-bottom: 6px; border-bottom: 1px solid #aaa; font-size: 24px;

}




#safety_production .list_production {
	margin-top: 31px;
}
#safety_production .list_production li ~ li {

	margin-top: 30px;
}
#safety_production .list_production li h3 {


	margin-bottom: 30px; padding-bottom: 6px; border-bottom: 1px solid #aaa; font-size: 24px;
}
#safety_production .lead_img {
	line-height: 1;

}

#safety_production .column_duple {
	display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 38px;

}
#safety_production .column_duple .column_cell {



	width: 580px;
}
#safety_production .column_duple .column_cell .image {

	line-height: 1;
}
#safety_production .column_duple .column_cell .exp {

	margin-top: 5px; }



#safety_production .column_duple .column_cell .exp h4 {
	font-weight: bold;

}
#safety_production .column_duple .column_cell .exp p {

}

@media only screen and (max-width: 750px) {
#safety_production .lead h2 {
	margin-bottom: 10px; padding-bottom: 15px; line-height: 1.9; font-size: 16px;
}

#safety_production .lead p {
	line-height: 2.1;
}
#safety_production .list_production {
	margin-top: 15px;
}
#safety_production .list_production li ~ li {

	margin-top: 16px;
}
#safety_production .list_production li h3 {
	margin-bottom: 6px; padding-bottom: 15px; border-bottom: 1px solid #aaa; font-size: 16px;
}
#safety_production .column_duple {

	margin-top: 14px;
}

#safety_production .column_duple .column_cell {

	width: 48%; margin-bottom: 3%;
}

	#safety_production .column_duple .column_cell.wide {

	width: 100%;
}
#safety_production .column_duple .column_cell .exp {
	margin-top: 3px;
}
}











.section-inner .inner-info {
	line-height: 2.5;

	letter-spacing: 0.1em;
}



.section-inner .ul-data {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-spacing: 0;
}
.section-inner .ul-data > li {
  display: table-row;
}
.section-inner .ul-data .th,
.section-inner .ul-data .td {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #003983;
  padding: 10px 10px 10px 30px;
  border-collapse: collapse;
  border-spacing: 0;
}
.windows10.ie .section-inner .ul-data .th, .windows10.ie
.section-inner .ul-data .td {
  padding-bottom: 12px;
}
.section-inner .ul-data .th {
  width: 300px;
}
.section-inner .ul-data .thead .th,
.section-inner .ul-data .thead .td {
  background: #fffbef;

}
.section-inner .note {
  margin-top: 46px;
}

@media only screen and (max-width: 750px) {
  .section-inner {
    padding: 30px 0 50px;
  }

  .section-inner.section-menu-inner {
    padding: 70px 0 50px;
  }
	.section-inner:before {
    background-image: url(../img/inner/sm/bg_banner.jpg);
    height: 350px;
  }
  .section-inner .title {
    font-size: 17px;
  }
  .section-inner .caption {
    margin-bottom: 24px;
  }
  .section-inner .inner-info {
    padding: 0 15px 44px;
    line-height: 2.08333;

  }
  .section-menu-inner .inner-info {

    padding: 30px 15px 44px;

    line-height: 2.08333;
  }
  .section-inner .ul-data {
    margin-bottom: 10px;

    letter-spacing: 0;
    line-height: 1.66667;
    font-size: 12px;
  }

  .section-inner .ul-data .th,






  .section-inner .ul-data .td {


    padding: 12px 5px 12px 14px;
  }
  .section-inner .ul-data .th {
    width: 39.68254%;

  }
  .section-inner .note {
    margin-top: 24px;
    font-size: 12px;
    line-height: 2.08333;
  }
}







.slide_mark {
	display: none;
}

@media only screen and (max-width: 750px) {
.slide_mark {
	display: block;
	width: 100px;

	position: absolute;
	top: 170px;
	left: 0;
	right: 0;

	margin: 0 auto;
}



.slide_mark img {






    width: 100%;


}
}

.page-title {

	margin-top: 40px; padding-bottom: 7px;
	border-bottom: 1px solid #aaaaaa;

	font-size: 24px;

}
.ul-column {

	display: flex; flex-wrap: wrap; margin-top: 40px;

} #safety_allergen.allergen .ul-column li a { padding: 16px 15px 17px; } .ul-column li { width: 270px; margin-bottom: 40px; } .ul-column li ~ li { margin-left: 40px; } .ul-column li:nth-child(4n + 1) { margin-left: 0; } .ul-column li .image { display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; margin-bottom: 20px; border: 1px solid #616161; overflow: hidden; } .ul-column li a { display: block; position: relative; width: 100%; padding: 8px 15px; border-radius: 5px; background-color: #003983; text-align: center; line-height: 1.5; font-size: 18px; color: #ffffff; opacity: 1; transition: opacity 0.35s ease; } .ul-column li a:after { content: ''; position: absolute; top: 50%; right: 10px; width: 9px; height: 16px; margin-top: -8px; background: url(../../img/common/icon_bullet06.png) no-repeat 0 0/contain; } .ul-column li a:hover { opacity: 0.7; }





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

	.page-title {

		margin-top: 0; font-size: 16px;


	}


    .gensanchi .inner-info { padding: 0 0 40px; }
    #safety_allergen.allergen .ul-column li a { padding: 8px 15px 9px; } .ul-column { width: 345px; margin: 33px auto 0; } .ul-column li { width: 163px; margin-bottom: 21px; } .ul-column li ~ li { margin-left: 17px; } .ul-column li:nth-child(2n + 1) { margin-left: 0; } .ul-column li .image { height: 133px; margin-bottom: 17px; } .ul-column li a { padding: 3px 15px; font-size: 13px; } .ul-column li a:after { right: 8px; width: 6px; height: 10px; margin-top: -5px; }
} @media only screen and (min-width: 751px) {  .pc-none { display: none; } }