@charset "utf-8";
/* CSS Document */
/*****************************************************
  PC
*****************************************************/
.allergy {
	width: 100%;
	font-family: "Open Sans", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, Verdana, Roboto, "Droid Sans", sans-serif;
	color: #4e0a17;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}
.allergy img {
	transition: 1.5s;
}
.bg1 {
	background: url("../images/bg_pat.jpg");
	background-repeat:repeat;
	padding: 100px 0;
}
.bg2 {
	background-color: #ffffff;
	padding: 100px 0;
	position:relative;
}
/*乳卵小麦デコ*/
.bg3 {
	background-color: #e2f0f3;
	padding: 100px 0;
	position:relative;
}
/*3大アレルゲン*/
.bg4 {
	background-color: #fff;
	padding: 0 0 100px;
	margin:120px 0 -60px 0;
	position:relative;
}

.bg5 {
	background-color: #EEF4F6;
	padding: 120px 0 100px;
	margin:0 0 -60px 0;
	position:relative;
}
@media screen and (max-width:375px) {
	.bg5 {padding-top: 50px;}
	.bg3  {
		padding-top: 50px;
	}
	
}
.svg-bg {
	position: absolute;
	height: 140px;
	width: 100%;
	z-index: 1;
	left: 0;
}



#svg-bg1 {
	top: -60px;
}
#svg-bg2 {
	top: -8%;
	transform: rotateX(180deg);
}

#svg-bg3 {
	top: -10%;
	transform: rotateX(180deg);
}
#svg-bg4 {
	top: -2%;
	/*transform: rotateX(180deg);*/
}
/*3大あれるげん*/
#svg-bg5 {
	top: -200px;
	transform: rotateX(180deg);
}
#svg-bg6 {
	/* bottom: -10%; */
}

#svg-bg7 {
	bottom: -10%;
}
/*アレルギーデコ*/
#svg-bg8 {
	top: -2%;
	transform: rotateX(180deg);
}
@media screen and (max-width:812px) {
	#svg-bg8 {top:-3%;}
	#svg-bg4 {top:-7%;}
}
@media screen and (max-width:375px) {
	#svg-bg4 {display:	none;}
}

#svg-bg9 {
	top: -10%;
	transform: rotateX(180deg);
}

/* floating
--------------------------------*/
#right-banner {display: none;}
#left-banner {display: none;}
.fixSp {display: none;}
.fixPc {
	position: absolute;
	right: 5px;
	top: 719px;
	z-index: 100;
}
.fixed {
	position: fixed;
	top: 124px;
	z-index: 100;
}
#decoration,#shortcake,#cream,#chocolatecream,#ice {
	position: relative;
	overflow: hidden;
	margin: -140px 0 150px 0;
    padding: 140px 0 0 0;
}

/* mainvisual
--------------------------------*/
.mainvisual {
	width: 100%;
	background: url("../images/bg_mainvisual.jpg");
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	min-height:645px;
	margin: 94px 0 0 0;
	overflow: hidden;
}
.mvInner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.mv {
	position: absolute;
	top: 0;
	right: -220px;
}
.spMv_txt {
	display: none;
}


/* listBtn
--------------------------------*/
.listBtn p {
	width: 100%;
	max-width: 1000px;
	margin: 80px auto;
	text-align: center;
	position: relative;
}
.listBtn p a {
	display: block;
	font-size: 26px;
	font-weight: 500;
	text-decoration: none;
	padding: 15px 0;
	border-radius: 5px;
	background: #f7d32e;
	color: #4e0a17;
	border-bottom: solid 4px #dabd37;
}
.listBtn p a i {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.listBtn p a:hover {
	transition: .2s;
	-ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: solid 4px #f7d32e;
}
.listBtn p a:hover i {
	top: 55%;
}

/* subvisual
--------------------------------*/
.subvisual {
	width: 100%;
	position: relative;
}
.svInner p {
	overflow: hidden;
}
.svInner img {
	width: 100%;
}


/* intro
--------------------------------*/
.intro {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 140px;
	text-align: center;
	position: relative;
}
.intro_txt {
	line-height: 2.1;
	margin: 0 0 30px 0;
}
.intro_img-txt {
	width: 100%;
	max-width: 750px;
	margin: 10px auto 0;
	text-align: right;
}
.introIcon_item {
	position: absolute;
	top: -40px;
}
.introIcon_item-1 {
	right: 0;
}
.introIcon_item-2 {
	top: 50px;
	left: 30px;
}

/* allergen
--------------------------------*/
.allergen_bg{
	width: 100%;
	background-color:#ffffff;	
}

.allergen {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

.allergenTtl {
	text-align: center;
	margin: 0 0 70px 0;
}

.allergen_tex {
	text-align: center;
	line-height: 2.2;
	margin: 0 0 100px 0;
}
.allergen_subtex {
	font-size: 0.9em;
}

.allergen_img {
	width: 1000px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


/* voice
--------------------------------*/
.voice {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.voiceTtl {
	text-align: center;
	margin: 0 0 60px 0;
}
.voiceTtl-txt {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #a1987c;
	margin: 20px 0 0 0;
}
.voiceList {
	max-width: 1000px;
	width: 100%;
	box-sizing: border-box;
}
.voiceList_item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-js-display: flex;
	justify-content: space-between;
	margin: 0 0 60px 0;
}
.voice_img {
	width: 171px;
}
.voice_img + div {
	width: 78%;
}
.voice_txt {
	margin: 20px 0 0 0;
	line-height: 1.8;
}


/* story
--------------------------------*/
.story {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.ssList_item {
	margin: 0 0 100px 0;
  list-style: none;
}
.storyTtl {
	text-align: center;
	margin: 0 0 70px 0;
	position: relative;
	z-index: 1;
}
.storySubttl {
	text-align: center;
	margin: 0 0 30px 0;
}
.storyTxt {
	text-align: center;
	line-height: 2.2;
	margin: 0 0 100px 0;
}
.storyTxt-bold {
	font-weight: 600;
}
.ssTtl {
	text-align: center;
	margin: 0 0 75px 0;
}
.ssBox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-js-display: flex;
	justify-content: space-between;
}
.ss_img img {
	width: 100%;
	max-width: 480px;
}
.ss_img + div {
	width: 50%;
}
.ss_subttl {
	font-weight: 600;
	margin: 0 0 20px 0;
	line-height: 1.7;
	letter-spacing: -0.01em;
}
.ss_img-order {
	order: 1;
}
.ss_txt {
	font-size: 16px;
	line-height: 1.8;
}


/* item1
--------------------------------*/
.item1,.item2,.item3,.item4 {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.item4 {
	margin: 0 auto 200px;
}
.itemTtl {
	text-align: center;
	margin: 0 0 30px 0;
}
.item3 .itemTtl {
	margin: 0 0 25px 0;
}
.itemTxt {
	font-size: 20px;
	line-height: 1.7;
	text-align: center;
	margin: 0 0 80px 0;
}
.itemBox {
	background: url("../images/bg_item_pc.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 531px;
	padding: 0 6%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-js-display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.itemBox-long {
	background: url("../images/bg_item_pc2.png");
	background-repeat: no-repeat;
	background-size: 100%;
	height: 620px;
}
.item4 .itemBox {
	margin: 0;
}
.itemBox_img-order {
	order: 1;
	z-index: 2;
}
.detail {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.item_ttl {
	margin: 0 0 15px 0;
}
.item_txt {
	text-align: center;
	line-height: 1.7;
	margin: 0 0 15px 0;
}
.item_txt-caution {
	font-size: 13px;
	display: block;
	color: #ef0000;
}
.item_price {
	margin: 0 0 20px 0;
}
.itemBtn {
	z-index: 2;
}

.iconList_item {
	position: absolute;
	z-index: 1;
}
.iconList_item-rtop {
	top: 120px;
	right: 0;
}
.iconList_item-lbtm {
	bottom: 0;
	left: 0;
}
.iconList_item-ltop {
	top: 130px;
	left: 0;
}
.iconList_item-rbtm {
	bottom: 0;
	right: 0;
}
.bnrBox-SP {display: none;}
.bnrBox {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.bnrBox p {
	margin: 0 0 40px 0;
}




/*****************************************************
  liquid
*****************************************************/
@media screen and (max-width:1280px) {
/*mainvisual*/
.mainvisual {
	min-height: 540px;
}
.mv img {
	width: 85%;
}
/*fixPc*/
.fixPc ul {
	width: 80%;
	margin-left: auto;
}
.fixPc img {
	width: 100%;
}
.bnrBox {
	text-align: center;
}
.bnrBox img {
	width: 90%;
}
}
@media screen and (max-width:1000px) {
/*listBtn*/
.listBtn p {
	width: 85%;
}
/*subvisual*/
.svInner img {
	width: 130%;
	margin: 0 0 0 -120px;
}
/*intro*/
.introIcon_item-1 {
	right: 20px;
}
/*voice*/
.voiceList_item {
	padding: 0 4%;
	box-sizing: border-box;
}
.voiceTtl img {
	width: 85%;
}
.voice_img img {
	width: 90%;
}
.voice_ttl img {
	width: 85%;
}


/* allergen*/
allergen_bg{
	width: 100%;
	background-color:#ffffff;	
}

.allergen {
	padding: 0 4%;
	box-sizing: border-box;
	width: 100%;
}

.allergenTtl {
	margin: 0 0 50px 0;
}

.allergenTtl img {
	width: 85%;
}

.allergen_img {
	width: 85px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/*story*/
.story {
	padding: 0 4%;
	box-sizing: border-box;
	width: 100%;
}
.storyTtl {
	margin: 0 0 50px 0;
}
.storyTtl img {
	width: 85%;
}
.storySubttl img {
	width: 65%;
}
.ssTtl img {
	width: 85%;
}
.ss_img  {
	width: 48%;
}
/*item*/
.itemBox {
	padding: 0 2%;
	height: 495px;
}
.item1,.item2,.item3,.item4 {
	padding: 0 4%;
	box-sizing: border-box;
}
.item4 {
	margin: 0 auto 150px;
}
.itemTtl img {
	width: 65%;
}
.itemBox_img {
	width: 40%;
}
.itemBox_img img {
	width: 100%;
}
.detail {
	width: 60%;
}
.item_txt {
	font-size: 17px;
}
.item3 .item_ttl {
	text-align: center;
}
.item3 .item_ttl img {
	width: 87%;
}
.itemBtn {
	text-align: center;
}
.itemBtn img {
	width: 95%;
}
.bnrBox {
	text-align: center;
}
.bnrBox img {
	width: 80%;
}
}

/*****************************************************
tablet
*****************************************************/
@media screen and (max-width:812px) {
.fixPc {display: none;}
/*common*/
.allergy {
	font-size: 2vw;
}
.bg1,.bg2,.bg3,.bg4 {padding: 8% 0;}
/*listBtn*/
.listBtn p {
	margin: 8% auto;
}
.listBtn p a {
	font-size: 2.5vw;
}
/*intro*/
.intro {
	margin: 0 auto 10%;
	padding: 0 2%;
	box-sizing: border-box;
}
.intro_txt {
	position: relative;
	z-index: 2;
	margin: 0 0 5% 0;
	line-height: 2.4;
	font-size: 2.3vw;
}
.introIcon_item img {
	width: 80%;
}
.intro_img img {
	width: 80%;
}
.intro_img-txt {
	width: 80%;
	margin: 2% auto 0;
}
.introIcon_item-2 {
	top: 160px;
	left: 10px;
}
/* subvisual */
.svInner img {
	width: 160%;
	margin:0 0 0 -28%;
}
/*voice*/
.voice {
	padding: 0 2%;
	box-sizing: border-box;
}
.voiceTtl {
	margin: 0 0 7% 0;
}
.voiceTtl img {
	width: 90%;
}
.voiceTtl-txt {
	font-size: 1.7vw;
	margin: 3% 0 0 0;
}
.voice_ttl img {
	width: 95%;
}
.voice_txt {
	margin: 3% 0 0 0;
}

/* allergen*/
allergen_bg{
	width: 100%;
	background-color:#ffffff;	
}

.allergen {
	padding: 0 2%;
	box-sizing: border-box;
}

.allergenTtl {
	margin: 0 0 5% 0;
}

.allergen_tex{
	width: 90%;
	margin: 0 auto 5% ;
}

.allergenTtl img {
	width: 90%;
}

.allergen_img {
	width: 96%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.allergen_img li {
	width: 32%;
}

.allergen_img li img {
	width: 100%;
}

/*story*/
.story {
	padding: 0 2%;
	box-sizing: border-box;
}
.storyTtl {
	margin: 0 0 5% 0;
}
.storySubttl {
	margin: 0 0 4% 0;
}
.storyTxt {
	line-height: 3;
	margin: 0 0 10% 0;
}
.ssTtl img {
	width: 90%;
}
.ssTtl {
	margin: 0 0 8% 0;
}
.ssList_item {
	margin: 0 0 10% 0;
}
.storyTtl img {
	width: 85%;
}
.storySubttl img {
	width: 65%;
}
.ssBox {
	flex-direction: column;
}
.ss_img + div {
	width: 100%;
	padding: 0 10%;
}
.ss_img-order {
	order: 0;
}
.ss_img {
	text-align: center;
	width: 100%;
	margin: 0 0 5% 0;
}
.ss_txt {
	font-size: 2vw;
	line-height: 2;
}
/*item*/
#decoration, #shortcake, #cream, #chocolatecream, #ice {
	margin: -140px 0 10% 0;
}
.item1, .item2, .item3, .item4 {
	padding: 0 2%;
}
.itemTtl {
	margin: 0 0 4% 0;
}
.itemTtl img {
	width: 90%;
}
.itemTxt {
	font-size: 2.3vw;
	margin: 0 0 8% 0;
	line-height: 2;
}
.iconList_item img {
	width: 80%;
}
.iconList_item-rtop {
	right: -20px;
}
.itemBox {
	height: 420px;
	padding: 0 4%;
}
.item_ttl {
	text-align: center;
}
.item_ttl img {
	width: 80%;
}
.item3 .item_ttl img {
	width: 70%;
}
.item_txt {
	font-size: 1.8vw;
}
.item_txt-caution {
	font-size: 1.5vw;
}
.item_price {
	text-align: center;
}
.item_price img {
	width: 90%;
}
.itemBtn img {
	width: 75%;
}
.item4 {
	margin: 0 auto 10%;
}

}
@media screen and (max-width:768px) {
.fixSp {
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 3;
}
.fixSp img {
	width: 100%;
}
#decoration, #shortcake, #cream, #chocolatecream, #ice {
	margin: -200px 0 10% 0;
	padding: 200px 0 0 0;
}
.mainvisual {
	min-height: 480px;
	margin: 175px 0 0 0;
}
.mv img {
	width: 75%;
}
.itemBox {
	height: 395px;
}
.itemBox-long {
	height: 460px;
}
.iconList_item-rtop {
	top: 190px;
}
.iconList_item-ltop {
	top: 170px;
}

.allergen {
	margin: 0 0 2% 0;
}

.storyTtl img {
	margin-top: 6%;
}
}
@media screen and (max-width:768px) {
	#svg-bg4 {top: -3%;}
	
}
/*****************************************************
smartphone
*****************************************************/
@media screen and (max-width:480px) {
/*common*/
.allergy {
	font-size: 3vw;
	letter-spacing: 0.04em;
}
#svg-bg4 {
	top: -2%;
}


#svg-bg6 {
	/* bottom: -12%; */
}

.bnrBox-PC {display: none;}
.bnrBox-SP {display: block;}
.spbr {
	display: none;
}
.fixPc {display: none;}

/*mainvisual*/
.mainvisual {
	margin: 86px 0 0 0;
	min-height: 210px;
}
.mv {
	top: -13px;
	right: -170px;
}
.mv img {
	width: 59%;
}
.spMv_txt {
	display: block;
	text-align: center;
	margin: 2% 0 0 0;
	font-size: 2vw;
}
/*listBtn*/
.listBtn p {
	width: 90%;
	z-index: 2;
}
.listBtn p a {
	font-size: 4vw;
	padding: 5% 0;
}
/*subvisual*/
.svInner img {
	width: 170%;
	margin: 0px 0 0 -33%;
}
/*intro*/
.intro {
	padding: 0 4%;
	margin: 0 auto 15%;
}
.intro_txt:nth-child(2) br {
	display: none;
}
.intro_txt {
	font-size: 3vw;
	font-weight: 500;
	line-height: 2.6;
}
.introIcon_item-1 {
	top: -25px;
	right: 5px;
	text-align: right;
}
.introIcon_item-2 {
	top: 60px;
	text-align: left;
}
.introIcon_item img {
	width: 40%;
}
.intro_img img {
	width: 90%;
}
.intro_img-txt {
	width: 98%;
	text-align: center;
}
/*voice*/
.voice {
	padding: 0 4%;
}
.voiceTtl img {
	width: 100%;
}
.voiceTtl-txt {
	font-size: 2.8vw;
}
.voiceList_item {
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.voice_img {
	margin: 0 0 8% 0;
	text-align: center;
}
.voice_img + div {
	width: 100%;
	text-align: center;
}
.voice_ttl img {
	width: 100%;
}
.voice_txt {
	line-height: 2;
}
.voice_txt br {
	display: none;
}


/* allergen*/
allergen_bg{
	width: 100%;
	background-color:#ffffff;	
}

.allergen {
	padding: 0 2%;
	margin: 0 auto;
}


.allergenTtl img {
	width: 92%;
}

.allergen_tex{
	margin-bottom: 7%;
}

.allergen_img {
	width: 96%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}

.allergen_img li {
	width: 48%;
}

.allergen_img li img {
	width: 100%;
}

/*story*/
.story {
	padding: 0 4%;
}
.storyTtl img {
	margin-top: 22%;
	width: 100%;
}
.storySubttl img {
	width: 85%;
}
.storyTxt {
	line-height: 2.5;
	margin: 0 0 15% 0;
	padding: 0 4%;
}
.ssList_item {
	margin: 0 0 20% 0;
}
.ssTtl img {
	width: 100%;
}
.ss_img img {
	width: 85%;
}
.ss_img + div {
	padding: 0 5%;
}
.ss_subttl {
	margin: 0 0 3% 0;
}
.ss_txt {
	font-size: 3vw;
	line-height: 2.2;
}
/*item*/
.item1, .item2, .item3, .item4 {
	padding: 0 4%;
}
.itemTtl img {
	width: 100%;
}
.itemBox {
	background: url(../images/bg_item_sp.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 585px;
	padding: 4% 4% 8% 4%;
	flex-direction: column;
	justify-content: space-around;
}
.itemBox-long {
	background: url(../images/bg_item_sp2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 650px;
}
#cream .itemBox ,#chocolatecream .itemBox {
	padding: 0 4% 10% 4%;
}
.itemBox_img-order {
	order: 0;
}
.itemBox_img {
	width: 75%;
	margin: 5% 0 0 0;
}
#cream .itemBox .itemBox_img ,#chocolatecream .itemBox .itemBox_img {
	margin: 5% 0 4% 0;
}
.iconList_item-rtop {
	top: 90px;
	right: 0;
	text-align: right;
}
.iconList_item-rbtm {
	text-align: right;
}
.iconList_item-ltop {
	top: 90px;
}
.iconList_item img {
	width: 60%;
}
.detail {
	width: 100%;
}
.item_ttl img {
	width: 85%;
}
.itemTxt {
	font-size: 3vw;
}
.itemTxt br {
	display: none;
}
.itemTxt br:last-child {
	display: block;
}
.item3 .item_ttl img {
	width: 85%;
}
.item_txt {
	font-size: 3vw;
	margin: 0 0 2% 0;
}
.item_txt-caution {
	font-size: 2vw;
	letter-spacing: -0.01em;
}
.item_price {
	margin: 0 0 3% 0;
}
.itemBtn img {
	width: 70%;
}
#decoration, #shortcake, #cream, #chocolatecream, #ice {
	margin: -100px 0 10% 0;
	padding: 100px 0 0 0;
}
.bnrBox img {
	width: 90%;
}
.bnrBox p {
	margin: 0 0 5% 0;
}

#global-header .global-header__top {
	height: auto!important;
}
}

@media screen and (max-width:414px) {
.itemBox {height: 650px;}
.itemBox-long {height: 715px;}
}

@media screen and (max-width:375px) {
.itemBox {height: 585px;}
.itemBox-long {height: 650px;}

#svg-bg5 {
	/* top: -11.8%; */
}

}

@media screen and (max-width:320px) {
.spMv_txt {
	font-size: 2.3vw;
}
#svg-bg4 {
	top: -3.5%;
}

#svg-bg5 {
	/* top: -13.2%; */
}

#svg-bg6 {
	/* bottom: -13%; */
}

.mainvisual {
	margin: 73px 0 0 0;
}
.mv {
	top: -3px;
	right: -200px;
}
.mv img {
	width: 55%;
}
.itemBox {
	height: 500px;
}
.itemBox-long {
	height: 555px;
}
.itemBox_img {
	margin: 3% 0 4% 0;
}
#cream .itemBox, #chocolatecream .itemBox {
	padding: 0 4% 9% 4%;
}
#cream .itemBox .itemBox_img ,#chocolatecream .itemBox .itemBox_img {
	margin: 5% 0 2% 0;
}
}

/*いちごのかざりかた220413*/

#ichigo {
padding-top: 140px;margin-top:-140px;
	
}
#ichigo img.sp {display:none}
#ichigo img.pc {max-width:100%;}
#ichigo .flex {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px;}
#ichigo .flex > div {width:calc(50% - 20px);}
#ichigo .flex > div h3 {
	line-height:1.6;
	font-size: 20px;text-align:center;
	margin-bottom: 10px;
}
#ichigo .flex > div h3 span {
	font-size: 14px;display: block;
}
#ichigo .flex > div ul  li {
	line-height:1.6;
	padding-left:20px;position: relative;
}
#ichigo .flex > div ul  li:before {
	content: "";display: block;
	width: 16px;height: 16px;
	border-radius: 8px;background: #4e0a17;
	position: absolute;left: 0;top: 8px;
}
#ichigo .attention {
	border: 2px solid #eee;padding: 40px;
	background: #fff;
	margin: 40px auto;
	border-radius: 20px;
}
#ichigo .attention p {line-height: 1.6;}
#ichigo .attention span.red {color: #ef0000;}

@media screen and (min-width:379px) {
#ichigo img.pc {display:block!important;}
}
@media screen and (max-width:380px) {
	#ichigo .flex > div h3 {font-size: 16px;}
#ichigo img.sp {display:block;width: 100%;}
#ichigo img.pc {display:none;}
#ichigo .flex > div {width:100%;margin-bottom: 20px;}
	#ichigo .flex > div ul  li:before {font-size: 3vw;content:"●";background: none;color: #4e0a17;}
	}


.allergy.bg1 {
  position: relative;
  padding-top: 0;
}