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



.fs-l-main {
  margin: 0 auto;
  padding: 0;
  max-width: none;
  display: block;
}



.fs-l-pageMain {
  max-width: 100%;
  width: 100%;
  /* overflow-x: overlay; */
}

a.pan_shouhinLink {
    text-decoration: none;
}

.pan_mv_sp {
	display: none;
}

.pan_mvArea {
	 margin: 0 auto;
	 width: 100%;
	 max-width: 1200px;
	 padding-top: 30px;
}
.pan_mv_pc {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.pan_mv_sp img {
    width: 100%;
}

.pan_mv_pc img {
    width: 100%;
}



.allergen_Area {
    width: 85%;
    margin: 0 auto;
    max-width: 1200px;
	padding: 30px 0;
}
.allergen_imagePC {
    display: block;
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

.allergen_imageSP {
    display: none;
}
.br_SP {
	display: none;
}



section.pan_pointArea {
	width: 85%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 0;
}
.pan_TitleAll {
	color: #32221A;
	text-align: center;
	font-weight: 700;
	letter-spacing: 4px;
	font-size: 3rem;
}
.pan_TitleAll span{
	color: #98B76E;
	display: block;
	margin-bottom: 10px;
	font-family: "Inter", sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 2.4rem;
}
.pan_pointImage img {
    border-radius: 24px;
}

.pan_BoxAll {
    display: flex;
    width: 100%;
	justify-content: space-between;
}
.pan_pointColumn {
	margin: 20px;
	flex: 1;
}
h3.pan_pointText {
    font-size: 2rem;
    letter-spacing: 1px;
    padding-top: 10px;
}
.pan_pointText span {
	display: block;
	color: #98B76E;
}
.pan_pointTextBox {
    text-align: justify;
    font-size: 1.5rem;
    margin-top: 10px;
}




section.pan_setArea {
	width: 85%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 0;
}
.pan_setColumn {
    margin: 20px;
    flex: 1;
    /* display: grid; */
}
.pan_setArea .pan_TitleAll span{
	color: #F6BD63;
}
.pan_setColumn img {
    border-radius: 24px;
}
h3.pan_setText {
    font-size: 2rem;
    letter-spacing: 0.6px;
    padding-top: 10px;
}
.pan_setArea .pan_setText span {
	display: block;
	color: #F6BD63;
}
.pan_setTextBox {
    text-align: justify;
    font-size: 1.5rem;
    margin-top: 10px;
}




.pan_shouhinArea_bg {
	width: 85%;
	max-width: 1200px;
	margin: 0 auto;
}
section.pan_shouhinArea {
    margin: 0 auto;
    padding: 30px 0;
    background-color: #F8B62D;
}
.pan_shouhinBox {
    display: flex;
    width: 100%;
    justify-content: space-between;
	flex-wrap: wrap;
}
.pan_shouhinColumn {
	margin: 20px;
	flex: 1;
	border: solid 3px #e60012;
	padding: 20px;
	border-radius: 24px;
	background: #fff;
	display: grid;
}
.pan_shouhinText {
	font-size: 2rem;
    letter-spacing: 1px;
    padding-top: 10px;
}
.pan_shouhinTextBox {
	text-align: justify;
    font-size: 1.5rem;
    margin-top: 10px;
}
.pan_shouhinImage {
    width: 85%;
    margin: auto;
}




section.voice_Area {
	width: 85%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 0;
}
.voice_Image {
	/* max-width: 300px; */
	margin: 0 auto;
	width: 100%;
}
.voice_Column {
	margin: 20px;
	/* width: 85%; */
	/* padding: 30px 0; */
	flex: 1;
}
.voice_TextBox {
	text-align: justify;
	font-size: 1.5rem;
    padding-top: 20px;
}
p.voice_TextBox span {
    display: block;
    font-weight: bold;
}
.voice_Image img {
    border-radius: 24px;
}
.voice_Box {
    display: flex;
    justify-content: space-between;
}


section.pan_storyArea {
	width: 85%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 30px 0;
}
.pan_storyImage {
    width: 60%;
	margin: 0 auto;
}
.pan_storyTextBox {
	margin: 0 auto;
	width: 85%;
	text-align: justify;
	font-size: 1.5rem;
    padding-top: 20px;
}
.pan_storyText {
	position: relative;
	margin: auto;
	text-align: center;
	color: #D69733;
	line-height: calc(3.6 / 2.4);
	font-size: 2.4rem;
	padding: 30px 0;
}
.pan_storyText::before,
.pan_storyText::after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	border-style: solid;
	border-width: 2px;
	border-color: #D69733;
}

.pan_storyText::before {
	top: 0;
	left: 0;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.pan_storyText::after {
	bottom: 0;
	right: 0;
	border-top-color: transparent;
	border-left-color: transparent;
}
.pan_storyColumn {
    margin: 30px 0;
}
p.pan_shouhinPrice {
    font-size: 1.7rem;
    padding: 10px 0;
}
p.pan_shouhinPrice span {
    font-size: 3.3rem;
    font-weight: bold;
    color: #e60012;
    margin-left: 10px;
}
.pan_shouhinBtn {
    padding: 5px;
    background-color: #e60012;
    color: #fff;
    font-size: 2rem;
    text-align: center;
}
















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


}


@media screen and (max-width: 1250px) {
.pan_shouhinColumn {
	width: 45%;
	margin: 15px 0;
	flex: unset;
}
}



@media screen and (max-width: 1200px) {
	.br_pc {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.pan_BoxAll {
		display: flex;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.pan_pointColumn {
		margin: 15px 0;
		flex: unset;
		width: 45%;
	}
	.pan_setColumn {
		margin: 15px 0;
		flex: unset;
		width: 45%;
	}
		.voice_Column {
		margin: 15px 0;
		flex: unset;
		width: 45%;
	}
	.voice_Box {
		display: flex;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}




@media screen and (max-width: 950px) {
.pan_shouhinColumn {
    /* width: 75%; */
    /* margin: 20px auto; */
}

.pan_shouhinImage {
    width: 90%;
}
}


@media screen and (max-width: 800px) {
		.pan_shouhinColumn {
    width: 90%;
    margin: 20px auto;
}
.pan_mv_sp {
	display: block;
	text-align: center;
	width: 100%;
}
.pan_mv_pc {
	display: none;
}
}




/* main visual */
@media screen and (max-width: 769px) {

	.allergen_imagePC {
		display: none;
	}
	.allergen_imageSP {
		display: block;
	}

}


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


}



@media screen and (max-width: 600px) {
.pan_pointColumn {
    margin: 25px auto;
    width: 90%;
}
.voice_Column {
    margin: 25px auto;
    width: 90%;
}
.pan_setColumn {
    width: 90%;
    margin: 25px auto;
}

.pan_storyImage {
    width: 90%;
    margin: 20px auto;
}

p.pan_storyTextBox {
    width: 90%;
}
.pan_storyText {
    font-size: 2rem;
}
.br_SP {
	display: block;
}
}



@media screen and (max-width: 500px) {
p.pan_shouhinPrice {
    font-size: 1.5rem;
}

p.pan_shouhinPrice span {
    font-size: 3rem;
}
		.pan_shouhinColumn {
    width: 100%;
}
.pan_pointColumn {
    width: 100%;
}

.pan_setColumn {
    width: 100%;
}

.voice_Column {
    width: 100%;
}

.pan_storyImage {
    width: 100%;
}

h3.pan_storyText {
    font-size: 2.2rem;
}

p.pan_storyTextBox {
    width: 100%;
    padding-top: 30px;
}
.voice_Column {
    /* padding: 25px 0; */
}
.pan_shouhinImage {
    width: 95%;
}
}


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

.pan_TitleAll {
    font-size: 2.5rem;
}

.pan_TitleAll span {
    font-size: 2rem;
}
	
}