.bg_gray{
	padding: 0.6em 0 0;
	background-color: #f8f8f8;
}
.spacer{
	margin: 0 auto;
	padding: 3.4em 0 4em;
}
.ico-cal,
.ico-weight,
.ico-time{
	position: relative;
}
.ico-cal:before,
.ico-weight:before,
.ico-time:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-size: 100%;
}
.ico-cal,
.ico-weight,
.ico-time{
	padding-left: 25px;
	padding-right: 5px;
}
.ico-cal:before,
.ico-weight:before,
.ico-time:before{
	width: 25px;
	height: 25px;
}
.ico-cal:before{
	background: url(/food-allergy/img/index_ic_001.png) no-repeat;
}
.ico-weight:before{
	background: url(/food-allergy/img/index_ic_002.png) no-repeat;
}
.ico-time:before{
	background: url(/food-allergy/img/index_ic_003.png) no-repeat;
}
.mod_ff_zen{
  font-family: "Zen Maru Gothic";
}
.h2-s-mod{
	text-align: center;
}
.h2-s-mod:after{
	content: none;
}
.allergy-mv .tx-1{
	font-weight: bold;
}
.allergy-block-item.products a:hover{
	opacity: 0.8;
}
.allergy-block-item.products .cd-box .cd-2-blank{
	background-color: #fff;
}
.allergy-block .bt-style {
	background-color: #fff;
}
.allergy-block .col-by-3.food-allergy .cd-2{
	box-shadow: none;
}
@media print, screen and (min-width: 768px) {
	.spacer-2{
		padding-top: 5em;
	}
	.bg_gradient{
		background: linear-gradient(to bottom,  #ffffff 5%,#ffefd9 30%,#ffefd9 100%);
	}
	.h2-s-mod{
		font-size: 3rem!important;
	}
	.w376{
		width: 376px!important;
	}
	.allergy-mv {
		max-width: 1620px;
		margin-bottom: 0;
	}
	.allergy-mv .col-1{
		margin-bottom: 0;
	}
	.allergy-mv .col-1 .col-1-box:nth-child(1),
	.allergy-mv .col-1 .col-1-box:nth-child(3){
		width: 30.8%;
		margin-right: 0;
	}
	.allergy-mv .col-1 .col-1-box:nth-child(2){
		margin: 0 -60px;
	}
	.allergy-mv .col-1 .col-1-box .im-1,
	.allergy-mv .col-1 .col-1-box .im-1 img{
		width: 100%;
	}
	.allergy-mv .ld-1{
		margin: 0;
		font-size: 4rem;
	}
	.allergy-mv .tx-1{
		margin-top: 30px;
		font-size: 1.8rem;
		line-height: 1.6em;
	}
	.allergy-block .col-by-3 .col-box,
	.allergy-block .col-1 .col-1-box{
		display: flex;
		margin-bottom: 0;
	}
	.allergy-block .col-by-3 .txt-box{
		position: relative;
		background-color: #fffffff0;
		padding: 25px 30px 20px;
		margin: 0;
	}
	.allergy-block .col-by-3.food-allergy .txt-box{
		border-radius: 10px;
		margin-top: -75px;
	}
	.allergy-block .col-by-3.food-allergy .txt-box .ttl{
		text-align: center;
	}
	.allergy-block .col-by-3.food-allergy .txt-box .txt{
		font-size: 1.7rem;
		text-align: center;
	}
	.area-title__inner {
		width: calc(100% - 60px);
		max-width: 1620px;
		margin: 0 auto;
	}
	.food-allergy-title .h1-s {
		padding: 0.67em 0;
	}
}

@media only screen and (max-width:767.98px) {
	.spacer-2{
		padding: 2.5em 0!important;
	}
	.bg_gradient{
		background: linear-gradient(to bottom,  #ffffff 5%,#ffefd9 20%,#ffefd9 100%);
	}
	.h2-s-mod{
		font-size: 1.8rem!important;
	}
	.allergy-mv{
		width: 94%;
		margin: 0 auto 0;
	}
	.allergy-mv .col-1{
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: row;
		margin-bottom: 0;
	}
	.allergy-mv .col-1 .col-1-box:nth-child(1){
		order: 1;
		width: 40%;
		max-width: 140px;
	}
	.allergy-mv .col-1 .col-1-box:nth-child(2){
		order: 3;
		margin-bottom: 0;
		width: 100%;
	}
	.allergy-mv .col-1 .col-1-box:nth-child(3){
		order: 2;
		width: 45.4%;
		max-width: 160px;
	}
	.allergy-mv .ld-1{
		margin: 0 0 0.9em;
    font-size: 2.2rem;
	}
	.allergy-mv .tx-1{
		margin-top: 1.4em;
	}
	.allergy-block .col-by-3 .col-box{
		width: auto;
		margin: 0 auto!important;
	}
	.allergy-block .col-1 .col-1-box{
		width: 100%;
		margin: 0 auto!important;
	}
	.allergy-block .col-1 .col-1-box img{
		width: 100%;
	}
	.allergy-block .bt-2 .bt-style{
		margin-top: 2em;
	}
	.allergy-block .bt-2 .bt-style.w376{
		margin-top: 1em;
	}
	.allergy-block .cd-box {
		display: block;
	}
	.allergy-block .home-gallery-card{
		width: 100vw;
		margin-left: -3vw;
	}
	.allergy-block .home-gallery-card .img-box img{
		width: 100%;
	}
	.allergy-block .home-gallery-card .slick-slide > div{
		width: 100%;
		padding: 0 3%;
	}
	.allergy-block .col-by-3,
	.allergy-block .products > .col-1 {
		display: block;
	}
	.allergy-block .col-by-3 .cd-2,
	.allergy-block .products > .col-1 > .col-1-box  {
		width: 100%;
		max-width: 345px;
		margin: 0 auto;
	}
	.allergy-block .col-by-3.food-allergy .col-box:first-of-type .cd-2{
		margin-top: 0!important;
	}
	.allergy-block .col-by-3.food-allergy .col-box:not(:first-of-type) .cd-2{
		margin-top: 1em!important;
	}
	.allergy-block .col-by-3 a{
		display: flex;
		padding: 1.2em 1em;
    background-color: #fffffff0;
    border-radius: 10px;
	}
	.allergy-block .col-by-3 .txt-box{
		padding: 0 0 0 25px;
		flex: 1;
	}
	.allergy-block .col-by-3 .img-box{
		width: 39.5%;
		max-width: 125px;
	}
	.allergy-block .col-by-3 .txt-box .ttl{
    font-size: 1.6rem;
	}
	.allergy-block .col-by-3 .txt-box .txt{
		margin-top: 1rem;
		font-size: 1.3rem;
	}
	.allergy-block .col-by-3.food-allergy .cd-2{
		max-width: 100%;
	}
	.allergy-block-item.products .cd-box .cd-2-blank img{
		width: 100%;
	}
	.allergy-block .crl-1 .cd-2{
		margin-top: 0;
	}
	.area-title__inner {
		max-width: 1620px;
		margin: 10px auto 0;
	}
	.food-allergy-title .h1-s {
		padding: .4em 15px;
	}
}
