@charset "UTF-8";



.inner-info { max-width: 840px; margin: 0 auto; padding-top: 50px; }

.safety img {
	

	max-width: 100%;
}

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

}



#shop h3 {
	margin-top: 30px; margin-bottom: 10px; font-size: 20px; font-weight: bold;
}

#shop .lead_img {
	line-height: 1;
}
#shop .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;
}
#shop .column_duple .column_cell {

	width: 580px;

}
#shop .column_duple .column_cell .image {
	line-height: 1;
}





#shop .column_duple .column_cell .exp {
	margin-top: 5px;


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


}


#shop .column_duple .column_cell .exp p {
	
}

@media only screen and (max-width: 750px) {
#shop .lead h2 {

	margin-bottom: 10px; padding-bottom: 15px; line-height: 1.9; font-size: 16px;
}

#shop .lead p {
	line-height: 2.1;
}

#shop .column_duple {
	margin-top: 14px;
}
#shop .column_duple .column_cell {

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

	#shop .column_duple .column_cell.wide {

	width: 100%;
}

#shop .column_duple .column_cell .exp {
	margin-top: 3px;

}

}

.map {


	position: relative;
	width: 100%; height: 550px; margin: 13px auto 0;
}
.map iframe {
	width: 100%; height: 550px; border-width: 0;
}
.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 0;

  }
  .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; }

	.map {


		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 77.7%;
	}
	.map iframe {

		position: absolute;
		top: 0;


		left: 0;
		width: 100%;
		height: 100%;

	}
}

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

	.pc-none { display: none; }





}

#shop.page-index .inner-info {

	max-width: none;
}
#shop.page-index .inner-info .ul-column li {
	display: -webkit-flex;

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

	flex-direction: column;

	justify-content: space-between;

}
#shop.page-index .inner-info .ul-column li .shop_detail {






	padding-bottom: 24px; line-height: 1.9; letter-spacing: 0;


}
#shop.page-index .inner-info .ul-column li .shop_detail .image {
	margin-bottom: 10px;
}


#shop.page-index .inner-info .ul-column li .shop_detail .image img {
	max-width: 100%;
}

#shop.page-index .inner-info .ul-column li a {
	padding: 16px 15px;
}
#shop.page-index .inner-info .ul-column li a.image { padding: 0; }

#shop.page-index .inner-info .ul-column li a.image:after { display: none; }

#shop .links-shop {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #333;
	
} #shop .links-shop ~ .links-shop { margin: 50px 0 0; padding-top: 16px; border-top: 1px solid #aaa; }
#shop .links-shop li {
	margin-right: 1.5em;
}

#shop .links-shop li a {
	opacity: 1;
	transition: opacity 0.35s ease;
}

#shop .links-shop li a:hover {
	opacity: 0.7;

}

#shop .links-shop li a:after {

	content: '';


	display: inline-block;
	position: relative;
	margin-left: 3px;
	width: 10px;
	height: 1.5em; vertical-align: middle;
	background: url(../img/common/icn_bullet02.png) no-repeat center center/contain;
}



.txt_lead { margin: 0 0 5px; font-weight: bold; font-size: 20px; color:#FF6347; }














.chapter_list01 { margin: 35px 0 0; }






.chapter_list01 li ~ li { margin: 20px 0 0; }








































































img.radius_shadow {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	border-radius: 5px;
	-webkit-box-shadow: #666 0px 2px 3px;

	-moz-box-shadow: #666 0px 2px 3px;

	box-shadow: #666 0px 2px 3px;
}

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

	#shop.page-index .inner-info { padding: 0 0 40px; } .txt_lead { font-size: 15px; }  #shop .links-shop ~ .links-shop { margin: 30px 0 0; padding-top: 13px; }





}

.images-shop {

	text-align: center;
}

.icons-shop {

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

	display: flex;
	justify-content: space-between;

}

.icons-shop .icons { flex-shrink: 0; display: flex; align-items: flex-start; margin-left: 20px; }
.icons-shop .icons img { width: 88px; }

.icons-shop .icons img ~ img { margin-left: 5px; }









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

	.icons-shop .icons { flex-direction: column; margin-left: 15px; }


	.icons-shop .icons img { width: 70px; }
	.icons-shop .icons img ~ img { margin: 5px 0 0; }
}