@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP&display=swap');

header.re2209 *,
article.silkInnerWrap *,
footer.re2209 *{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	}
	
header.re2209 *.fMin,
article.silkInnerWrap *.fMin,
footer.re2209 *.fMin,
header.re2209 *.fMin *,
article.silkInnerWrap *.fMin *,
footer.re2209 *.fMin *{
	font-family: 'Noto Serif JP', serif;
	font-weight:400;
	}

@media only screen and (min-width:840px){.sp02{display:none;}}
@media only screen and (max-width:840px){.pc02{display:none;}}

.fs-l-main.fs-l-mainRe{
	margin: 30px auto;
	padding: 0;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.fs-body-category .fs-l-main.fs-l-mainRe .fs-l-pageMain,
.fs-l-main.fs-l-mainCate .fs-l-pageMain {
	max-width: 100%;
	width: 100%;
	order: 2;
	padding: 0;
}
body:not(.fs-body-search) .fs-c-productList {
	max-width: 1100px;
	margin: auto;
	padding:min(2vw , 20px);
}
footer {
	margin: 0;
	padding: 0;
}


/*=======================================*/
/*============　header構成　=============*/
/*=======================================*/

header.re2209 {
	width: 100%;
	/*
	border-top: 3px #ec846c solid;
	*/
	background: none;
	border-bottom: none;
	padding: 0;
	margin: 0;
	height: auto;
}
header.re2209 div.headerWrap {
	width: 1100px;
	margin: auto;
	align-items: center;
	padding: 30px 0;
	justify-content: space-between;
}
header.re2209 div.headerWrap h1 {
	margin: 0;
}
header.re2209 div.headerWrap h1 a{display:block; width:100%; height:100%;}
header.re2209 div.headerWrap h1 img{}
header.re2209 div.headerWrap div.send {
	width: auto;
	height: auto;
	margin: auto;
}
header.re2209 div.headerWrap div.send img{}
header.re2209 div.headerWrap nav {
	width: 300px;
}
header.re2209 div.headerWrap nav ul {
	width: 100%;
}
header.re2209 div.headerWrap nav ul li {
	width: calc(90% / 3);
	margin-top: 0;
}
header.re2209 div.headerWrap nav ul li a {
	font-size: min(2.5vw , 14px);
	color: #1e1510;
	display: block;
	text-align: center;
}
header.re2209 div.headerWrap nav ul li a:before{content:""; width:90px; height:70px; display:inline-block;}
header.re2209 div.headerWrap nav ul li:nth-of-type(1) a:before{background-image:url(../img/common_re/h-icon_01.png);}
header.re2209 div.headerWrap nav ul li:nth-of-type(2) a:before{background-image:url(../img/common_re/h-icon_02.png)}
header.re2209 div.headerWrap nav ul li:nth-of-type(3) a:before{background-image:url(../img/common_re/h-icon_03.png)}
header.re2209 div.searchWrap {
	height: 80px;
	background: #ededed;
	width: 100%;
	padding: 15px;
}
header.re2209 div.searchWrap form {
	width: 720px;
	display: block;
	margin: 0px auto;
	border-radius: 7px;
	overflow: hidden;
	padding: 12px 0 11px 45px;
	position: relative;
	background: #fff;
}
header.re2209 div.searchWrap form::before {
	font-family: 'fs-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e932";
	display: block;
	font-size: 30px;
	line-height: 1.2;
	position: absolute;
	text-indent: 0;
	top: 9px;
	right: 0;
	bottom: 0;
	left: 10px;
	color: #aaa;
	width: 30px;
	height: 30px;
}
header.re2209 div.searchWrap form .fs-p-inputGroup {
	display: flex;
	align-items: stretch;
	border: none;
	background: #fff;
	width: calc(100% - 110px);
}
header.re2209 div.searchWrap input.fs-p-searchForm__input{}
header.re2209 div.searchWrap input.searchBtn {
	background: #f3bbae;
	border: none;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	width: 100px;
	font-size: min(4vw , 15px;);
}













/*=======================================*/
/*============　footer構成　=============*/
/*=======================================*/

footer.re2209 div.fbBp02 {
	background:#f7eae2;
	padding: 90px 0;
}
footer.re2209 div.fbBp02 h2 {
	text-align: center;
	font-size: min(4vw , 18px);
	line-height: 1.5;
	margin-bottom: min(4vw , 30px);
}
footer.re2209 div.fbBp02 h2 strong {
	color: #ec846c;
	font-size: 40px;
}

footer.re2209 div.fbBp02 dl{
	background:#fff;
	width:1100px;
	margin:auto;
	padding:30px 100px;
	}
	
footer.re2209 div.fbBp02 dl dd{width:48%;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap{}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap + div.fInfoWrap{margin-top:40px;} 
footer.re2209 div.fbBp02 dl dd div.fInfoWrap h3 {
	background: url(../img/common_re/f-title.png) left bottom no-repeat;
	color: #eb7c63;
	width: 100%;
	max-width: 439px;
	padding: 5px 0 5px 15px;
	font-size: 16px;
}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap h4 {
	margin: 15px auto 0;
	color: #440000;
	font-weight: 500;
	padding-left: 7px;
}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap p {padding:0 0 0 5px; font-size: 14px;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap p.indentWrap{padding-left:1em; text-indent:-1em;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap p + p{margin-top:10px;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap p strong {font-weight: 500;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap p strong.cP {color: #eb7c63;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap p a{color:#251e1c;}
footer.re2209 div.fbBp02 dl dd:nth-of-type(1) div.fInfoWrap p a{display:block; text-align:right; margin-top:10px;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap ul{margin:0 0;}
footer.re2209 div.fbBp02 dl dd div.fInfoWrap ul li {
	list-style-type: circle;
	margin-left: 20px;
}

footer.re2209 div.fbBp03 {background: #ec846c; padding: min(3vw , 25px) 0;}
footer.re2209 div.fbBp03 div.fWrap {
	width: 1000px;
	margin: auto;
	align-items: center;
}
footer.re2209 div.fbBp03 div.fWrap ul{width:670px; margin:auto;}
footer.re2209 div.fbBp03 div.fWrap ul li {
	width: auto;
	line-height: 1;
}
footer.re2209 div.fbBp03 div.fWrap ul li + li {
	border-left: 1px #fff solid;
	padding-left: 15px;
}
footer.re2209 div.fbBp03 div.fWrap ul li a{color:#fff; position:relative;}
footer.re2209 div.fbBp03 div.fWrap ul li a:after{
	content:'';
	display:block;
	height:1px;
	width:0%;
	background:#fff;
	margin:0 auto;
	transition:0.4s;
	position:absolute;
	bottom:-5px;
	left:0;
	}

footer.re2209 div.fbBp03 div.fWrap ul li a:hover:after{width:calc(100%);}
footer.re2209 .toLink{
	position:fixed;
	bottom:177px;
	}

footer.re2209 nav.fixed{display:none;}


/*===========================================*/
/*============　下層ページ構成　=============*/
/*===========================================*/

body.fs-body-category .fs-l-pageMain table{margin:0 auto 30px;}
body.fs-body-category .fs-l-pageMain > img{margin:auto; display:block;}
body.fs-body-category .fs-l-pageMain > br{display:none;}



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

body {padding: 0; margin: 0;}

/*=======================================*/
/*============　header構成　=============*/
/*=======================================*/

body {width: 100%; min-width: 100%;}

header.re2209 {
	width: 100vw;
	border-top:none;
}

header.re2209 div.headerWrap {
	width: 100%;
	margin: auto;
	align-items: center;
	padding: 5vw 2vw;
	justify-content: space-between;
}

header.re2209 div.headerWrap h1 {
	margin: 0;
	width: 45vw;
}

header.re2209 div.headerWrap div.send {
	display: none;
}

header.re2209 div.headerWrap nav {
	width: 40vw;
}
header.re2209 div.headerWrap nav ul li a::before {
	content: "";
	width: 13vw;
	height: 9vw;
	display: inline-block;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

header.re2209 div.searchWrap {
	height: 20vw;
	background: #ededed;
	width: 100%;
	padding: 15px;
}

header.re2209 div.searchWrap form {
	width: 100%;
	display: block;
	margin: 0px auto;
	border-radius: 7px;
	overflow: hidden;
	padding: 2vw 0 2vw 12vw;
	position: relative;
	background: #fff;
}

header.re2209 div.searchWrap form::before {
	font-family: 'fs-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e932";
	display: block;
	font-size: 8vw;
	line-height: 1.2;
	position: absolute;
	text-indent: 0;
	top: 1vw;
	right: 0;
	bottom: 0;
	left: 10px;
	color: #aaa;
	width: 12vw;
	height: 12vw;
}
header.re2209 div.searchWrap form .fs-p-inputGroup {
	display: flex;
	align-items: stretch;
	border: none;
	background: #fff;
	width: calc(100% - 18vw);
}
header.re2209 div.searchWrap form .fs-p-inputGroup .fs-p-searchForm__input {width: 100%;}

header.re2209 div.searchWrap input.searchBtn {
	height: 100%;
	width: 15vw;
}



/*=======================================*/
/*============　footer構成　=============*/
/*=======================================*/
footer {
	margin: 0;
	padding: 0;
	padding-bottom: 28vw;
	background: #ec846c;
}
footer.re2209 div.fbBp03 div.fWrap {
	width: 100%;
	padding-bottom: 0;
}

footer.re2209 div.fbBp03 div.fWrap ul {
	width: 100%;
	margin: auto;
	justify-content: flex-start;
	border-top:1px rgba(255,255,255,.7) solid;
}
footer.re2209 div.fbBp03 div.fWrap ul li {
	width: 50%;
	line-height: 1;
	height: 15vw;
	border-bottom:1px rgba(255,255,255,.7) solid;
}
footer.re2209 div.fbBp03 h1 {
	width: 25vw;
	margin: 0 auto 3vw;
	max-width: 108px;
}
footer.re2209 div.fbBp03 div.fWrap ul li + li {border-left: none; padding-left: 0;}
footer.re2209 div.fbBp03 div.fWrap ul li:nth-of-type(odd) {border-right:1px rgba(255,255,255,.7) solid;}
footer.re2209 div.fbBp03 div.fWrap ul li a {
	color: #fff;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 4vw 2vw;
	line-height: 1.5;
}
footer.re2209 > nav {
	background: #f0f0f0;
	padding: 0 0;
}
footer.re2209 .toLink {
	position: fixed;
	bottom: 14vw;
	width: 15vw;
}


/*===========================================*/
/*============　下層ページ構成　=============*/
/*===========================================*/


.fs-l-main .fs-p-scrollingCartButton__label {
	display: block;
	font-size: 3vw;
	font-weight: 700;
}

.fs-l-main .fs-p-scrollingCartButton {
	position: fixed;
	right: 0;
	bottom: 30vw;
	z-index: 100;
	width: 15vw;
	display: block;
}



}