@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap);
body{
	min-width:inherit;
	overflow-x:hidden
}
#Pankuzu{
	max-width:1200px;
	margin:0 auto 10px;
	font-size:80%;
	letter-spacing:0;
	line-height:2;
	color:#222
}
#Pankuzu a{
	color:#b28754
}
.onlySP{
	display:none!important
}
.br01{
	display:block
}
strong{
	font-weight:700
}
.color01{
	color:#fffc66
}
a{
	color:#000;
	text-decoration:underline
}
#mainarea{
	width:auto;
	color:#fff;
	font-size:133.3%;
	line-height:1.75;
	letter-spacing:.05em;
	font-feature-settings:"palt" 1
}
#mainarea img{
	max-width:80%;
	height:auto;
	line-height:1;
	display:block;
	margin:0 auto
}
.pageTop01>a{
	position:relative;
	display:block;
	width:100%;
	height:60px;
	background-color:#ec6d74;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	-webkit-transition:all .3s;
	transition:all .3s
}
.pageTop01>a:hover{
	background-color:#ec6d74
}
.pageTop01>a:before{
	position:absolute;
	top:25px;
	left:0;
	right:0;
	margin:auto;
	content:"";
	width:23px;
	height:23px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.wrapper01{
	background:url(../img/bg01.jpg) repeat-y 0 0/cover;
	background-attachment:fixed
}
.wrap01{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.wrap01.between{
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.heading01{
	color:#ec6d74;
	font-size:250%;
	font-family:'Noto Sans JP',sans-serif;
	font-weight:800;
	text-align:center;
	margin:10px 0
}
.heading01::after{
	content:"";
	display:block;
	width:60px;
	height:3px;
	background:#ec6d74;
	margin:10px auto 0
}
.heading02Wrap{
	text-align:center;
	margin-top:50px
}
.heading02{
	font-family:'Noto Sans JP',sans-serif;
	font-weight:800;
	display:inline-block;
	position:relative;
	border-radius:30px;
	background:#ffeed0;
	font-size:175%;
	line-height:1;
	letter-spacing:.05em;
	padding:21px 20px
}
.mainArea01{
	color:#333;
	padding-bottom:5px;
	background:rgba(#fff3f6)
}
.mainArea01>.inner01{
	max-width:1240px;
	margin:0 auto
}
.mainArea01>.inner01>.title01{
	text-align:center
}
.mainArea01>.inner01 .text01{
	text-align:center;
	font-family:'Noto Sans JP',sans-serif;
	font-weight:800;
	letter-spacing:.05em
}
.frameArea01>.inner01{
	max-width:1240px;
	padding:0 20px;
	margin:0 auto
}
.frameArea01 .box01{
	color:#000;
	border-radius:20px;
	padding-bottom:40px;
	margin:25px 0 0 0;
	background-color:rgba(255,255,255,.5);
	overflow:hidden
}
.frameArea01 .box01>.inner01{
	padding:38px 0 0;
	margin:0 40px
}
.frameArea01 .box01 .cvArea{
	margin:20px 40px;
	padding:25px 30px 24px 30px
}
.frameArea01 .box01 .cvArea .textArea{
	font-family:'Noto Sans JP',sans-serif;
	font-weight:800;
	width:calc(100% - 440px)
}
@media screen and (max-width:1000px){
	.frameArea01 .box01 .cvArea .textArea{
		width:100%
	}
	.frameArea01 .box01 .cvArea .cartWrap{
		margin:15px auto 0
	}
}
.frameArea01 .box01 .cvArea .textArea .text01{
	font-size:175%;
	line-height:1.2;
	margin-top:-3px;
	margin-bottom:.2em
}
.frameArea01 .box01 .cvArea .textArea .text01 span{
	font-size:71.42%
}
.frameArea01 .box01 .cvArea .textArea .text02{
	font-size:100%;
	margin-top:.3em
}
.frameArea01 .box01 .cvArea .textArea .text02 .price{
	font-size:125%
}
.frameArea01 .box01 .cvArea .textArea .text03{
	font-size:125%;
	line-height:1.2;
	margin-bottom:.3em
}
.frameArea01 .box01 .cvArea .textArea .text04{
	font-size:125%;
	line-height:1.2
}
.frameArea01 .box01 .cvArea .cartWrap{
	width:400px
}
.frameArea01>.inner02{
	margin-top:10px;
	padding-top:38px;
	padding-bottom:60px;
	background:rgb(252 241 245);
	background-attachment:fixed;
	font-family:'Noto Sans JP',sans-serif;
	font-weight:800
}
.frameArea01>.inner02>.inner03{
	max-width:1000px;
	padding:0 20px;
	margin:0 auto
}
.frameArea01>.inner02>.inner03>.text01{
	margin-bottom:18px
}
.frameArea01>.inner02>.inner03>.text01 span{
	color:#fdeca8
}
.frameArea01>.inner02>.inner03>.list01 li{
	font-size:87.5%
}
.frameArea01>.inner02 .contactBox01{
	margin-top:10px;
	margin-bottom:38px;
	color:#000;
	background:#fff;
	text-align:center;
	padding:28px 27px 34px
}
.frameArea01>.inner02 .contactBox01>.text01{
	color:#c09c1c;
	font-size:150%;
	margin-bottom:5px
}
.frameArea01>.inner02 .contactBox01>.text02{
	font-size:250%;
	line-height:1
}
.frameArea01>.inner02 .contactBox01>.text02 img{
	vertical-align:middle;
	width:49px;
	margin-right:5px;
	margin-bottom:5px
}
.frameArea01>.inner02 .contactBox01>.text03{
	font-size:87.5%;
	margin-bottom:18px
}
.frameArea01>.inner02 .contactBox01>.text04{
	text-align:left;
	font-size:100%;
	margin-bottom:7px
}
.frameArea01>.inner02 .contactBox01>.list02 li{
	font-size:75%;
	text-align:left
}
.text02{
	display:flex;
	flex-direction:column;
	gap:4px
}
.old-price{
	font-size:.9em;
	color:#888;
	text-decoration:line-through
}
.sale-price{
	font-size:1.2em;
	color:#e60000;
	font-weight:700
}
.sale-price strong{
	font-size:1.5em;
	margin-right:2px
}
.cv-button{
	display:inline-block;
	background:linear-gradient(to bottom,#ec6d74 0,#ec6d74 100%);
	color:#fff!important;
	text-decoration:none;
	padding:12px 30px;
	border-radius:50px;
	font-weight:700;
	transition:all .2s ease;
	text-align:center;
	min-width:160px
}
.cartWrap{
	text-align:center;
	width:100%
}
.cartWrap2{
	text-align:center;
	width:100%;
	margin-top:20px
}
.cvArea .between{
	display:flex;
	align-items:center;
	justify-content:space-between
}
@media screen and (max-width:767px){
	.onlyPC{
		display:none!important
	}
	.onlySP{
		display:block!important
	}
	.br01{
		display:inline
	}
	.br02{
		display:block
	}
	#Pankuzu{
		display:none
	}
	#mainarea{
		width:100%;
		font-size:116.7%
	}
	#mainarea img{
		width:100%;
		height:auto
	}
	.wrapper01{
		background:0 0;
		background-attachment:inherit;
		position:relative
	}
	.wrapper01::before{
		content:'';
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:url(../img/bg01s.jpg) repeat-y 0 0/100% auto;
		z-index:-1
	}
	.pageTop01>a{
		height:40px
	}
	.pageTop01>a:hover{
		background-color:#ec6d74
	}
	.pageTop01>a:before{
		top:17px;
		content:"";
		width:25px;
		height:25px
	}
	.heading01{
		font-size:24px;
		position:relative
	}
	.heading01::after{
		content:"";
		display:block;
		width:60px;
		height:3px;
		background:#ec6d74;
		margin:10px auto 0
	}
	.heading02Wrap{
		margin-top:6.66vw
	}
	.heading02{
		max-width:93vw;
		border-radius:15px;
		font-size:14px;
		line-height:1.5;
		letter-spacing:.05em;
		padding:7px 9px 5px
	}
	.mainArea01{
		color:#333;
		padding-bottom:10px
	}
	.mainArea01>.inner01{
		max-width:100%;
		padding:0 4vw;
		margin:0 auto
	}
	.mainArea01>.inner01>.title01{
		text-align:center
	}
	.mainArea01>.inner01 .text01{
		text-align:left;
		font-size:14px
	}
	.frameArea01{
		background:0 0;
		background-attachment:inherit;
		padding-bottom:0
	}
	.frameArea01>.inner01{
		max-width:100%;
		padding:0
	}
	.frameArea01 .box01{
		color:#000;
		border-radius:20px;
		margin:20px 0 0 0;
		padding-bottom:10px;
		background-color:rgba(255,255,255,.5)
	}
	.frameArea01 .box01>.inner01{
		padding:0;
		margin:0
	}
	.frameArea01 .box01 .cvArea{
		margin:0 4vw 0;
		padding:3.8vw 5.33vw 4.6vw
	}
	.frameArea01 .box01 .cvArea .textArea{
		width:100%;
		font-family:'Noto Sans JP',sans-serif;
		font-weight:800
	}
	.frameArea01 .box01 .cvArea .textArea .text01{
		font-size:16px;
		line-height:1.6;
		margin-top:0;
		color: #333;
	}
	.frameArea01 .box01 .cvArea .textArea .text01 span{
		font-size:16px
	}
	.frameArea01 .box01 .cvArea .textArea .text02{
		font-size:14px;
		margin-top:4vw
	}
	.frameArea01 .box01 .cvArea .textArea .text02 .price{
		font-size:16px
	}
	.frameArea01 .box01 .cvArea .textArea .text03{
		font-size:16px;
		margin-top:10px
	}
	.frameArea01 .box01 .cvArea .textArea .text04{
		font-size:16px
	}
	.frameArea01 .box01 .cvArea .cartWrap{
		width:100%;
	}
	.frameArea01>.inner02{
		padding-top:9.5vw;
		padding-bottom:8.4vw
	}
	.frameArea01>.inner02>.inner03{
		max-width:100%;
		padding:0 4vw;
		margin:0 auto
	}
	.frameArea01>.inner02>.inner03>.text01{
		margin-bottom:18px
	}
	.frameArea01>.inner02>.inner03>.list01 li{
		font-size:11px;
		line-height:1.5;
		padding-left:1em;
		text-indent:-1em
	}
	.frameArea01>.inner02 .contactBox01{
		margin-top:10vw;
		margin-bottom:9.3vw;
		padding:7.8vw 4.66vw 9vw
	}
	.frameArea01>.inner02 .contactBox01>.text01{
		font-size:13px;
		margin-bottom:2.26vw
	}
	.frameArea01>.inner02 .contactBox01>.text02{
		font-size:26px
	}
	.frameArea01>.inner02 .contactBox01>.text02 img{
		vertical-align:middle;
		width:8.66vw!important
	}
	.frameArea01>.inner02 .contactBox01>.text03{
		font-size:12px;
		margin-top:2vw;
		margin-bottom:6vw
	}
	.frameArea01>.inner02 .contactBox01>.text04{
		font-size:14px;
		margin-bottom:3.5vw
	}
	.frameArea01>.inner02 .contactBox01>.list02 li{
		font-size:10px;
		padding-left:1em;
		text-indent:-1em
	}
	.frameArea01>.inner02 .contactBox01>.list02 li+li{
		margin-top:.1em
	}
}
.productList{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	padding:0 10px
}
.productItem{
	width:calc(50% - 10px);
	display:flex;
	flex-direction:column
}
.cvArea{
	display:flex;
	flex-direction:column;
	height:100%
}
.cartWrap{
	margin-top:auto
}
.textArea p{
	word-break:normal;
	white-space:normal
}
.productItem .textArea{
	width:100%!important
}
@media screen and (max-width:767px){
	.productItem{
		width:calc(50% - 10px)
	}
}
.productList{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	padding:0 10px
}
.productItem{
	width:calc(50% - 6px);
	background:#fff;
	padding:10px 6px;
	border-radius:12px;
	box-sizing:border-box;
	text-align:center;
	display:flex;
	flex-direction:column
}
.productItem img{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:10px;
	object-fit:contain;
	image-rendering:-webkit-optimize-contrast
}
.name{
	font-size:12px;
	line-height:1.4;
	margin:5px 0 5px 0;
	word-break:break-all
}
.color{
	font-size:12px;
	line-height:1.4;
	margin:0 0 10px 0;
	word-break:break-all
}

.buyBtn{
	display:block;
	background:linear-gradient(to bottom,#ec6d74 0,#ec6d74 100%);
	color:#fff!important;
	text-decoration:none;
	padding:10px 10px;
	border-radius:50px;
	font-weight:700;
	font-size:14px;
	transition:all .2s ease;
	text-align:center;
	margin-top:auto;
	box-shadow:0 2px 4px rgba(0,0,0,.1)
}
.buyBtn:active{
	transform:scale(.95);
	opacity:.9
}
@media screen and (min-width:768px){
	.productList{
		max-width:1000px;
		margin:0 auto;
		gap:30px
	}
	.productItem{
		padding:30px 20px;
		width:calc(50% - 15px)
	}
	.productItem img{
		width:85%;
		margin:0 auto 20px
	}
	.name{
		font-size:16px;
		margin:15px 0 0 0
	}
}