@charset "utf-8";

.ttl { position: relative; background: #d38d78;}
.ttl:before { content: ''; display: block; width: 40%; height: 100%; background: #fbede4; position: absolute; left: 0; top: 0;}
.ttl div { position: relative; z-index: 2; width: 100%; max-width: 880px; margin: 0 auto; padding: 30px; background: #d38d78; border-left: solid 8px #fbede4;}
.ttl div h2 { color: #fff; font-size: 22px; letter-spacing: 0.1rem;}
.ttl div h2 span { display: inline-block; vertical-align: middle;}
.ttl div h2 span.eng { margin-right: 20px; font-size: 42px;}
.ttl div h2 span.jp { font-weight: 600;}
@media (max-width: 801px) {
	.ttl div { border-width: 30px;}
}
@media (max-width: 641px) {
	.ttl div h2 { font-size: 18px;}
	.ttl div h2 span.eng { margin-right: 30px; font-size: 32px;}
}
@media (max-width: 481px) {
	.ttl div { padding: 12px 16px; border-width: 12px;}
	.ttl div h2 { font-size: 12px; letter-spacing: 0.08rem;}
	.ttl div h2 span.eng { margin-right: 20px; font-size: 24px;}
}


.btn a { position: relative; display: block; width: 100%; padding: 12px 0; background: #fbede4; border-radius: 8px;
 color: #d38d78; font-size: 18px; font-weight: 700; text-decoration: none; text-align: center;
}
.btn a:after { content: ''; display: block; width: 12px; height: 12px;
 border-top: solid 4px #d38d78; border-right: solid 4px #d38d78;
 position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 481px) {
	.btn a { padding: 8px 0; border-radius: 5px; font-size: 14px;}
	.btn a:after { width: 9px; height: 9px; border-width: 2px; right: 15px;}
}


#product-kv { position: relative; background: #fbf5df;}
#product-kv:after { content: ''; display: block; width: 100%; height: 100%; background: url('../img/product/moist/kv@wide.jpg') no-repeat 50% 50%;
 position: absolute; left: 0; bottom: 0;
}
#product-kv .inner-kv { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; z-index: 2;}
#product-kv .ctn { position: absolute; left: 0; top: 0; width: 100%; z-index: 2;}
#product-kv .ctn .inner { width: 85%; margin: 0 auto; padding-top: 140px;}
#product-kv .ctn .logo { width: 45%; max-width: 500px; margin: 0 0 50px;}
#product-kv .ctn .logo h1 { text-align: center;}
#product-kv .ctn .logo h1 img { width: 36%; max-width: 180px;}
#product-kv .ctn .txt { width: 45%; max-width: 500px; margin: 0 0 50px;}
#product-kv .ctn .txt p img { width: 100%;}
#product-kv .ctn .txt p img.sp { display: none;}

#product-kv .note { position: absolute; left: 0; bottom: 40px; width: 100%; z-index: 10;}
#product-kv .note div { width: 85%; margin: 0 auto;}
#product-kv .note ul { width: 100%; max-width: 480px; margin: 0;}
#product-kv .note ul li { color: #666;}
#product-kv .note ul li { color: #666;}
#product-kv .ctn .anker { width: 45%; max-width: 500px;}
#product-kv .ctn .anker a { position: relative; display: block; width: 92%; max-width: 420px; margin: 0 auto;
 padding: 10px; background: #d38d78; border-radius: 50px; color: #fff; font-size: 20px; text-align: center; transition: 0.3s ease;
}
#product-kv .ctn .anker a:after { content: ''; display: block; width: 12px; height: 12px; border-bottom: solid 2px #fff; border-right: solid 2px #fff;
 position: absolute; right: 30px; top: 50%; transform: translateY(-65%) rotate(45deg);
}
#product-kv .ctn .anker a svg { width: 23px; fill: #fff; position: absolute; left: 8%; top: 50%; transform: translateY(-50%);}
#product-kv .ctn .anker a span { font-weight: 700; letter-spacing: 0.1rem;}
#product-kv .ctn .anker a:hover { background: #fff; color: #d38d78; text-decoration: none;}
#product-kv .ctn .anker a:hover svg { fill: #d38d78;}
#product-kv .ctn .anker a:hover:after { border-color: #d38d78;}
#product-kv .bg { position: relative; z-index: 1; opacity: 0;}
#product-kv .bg img { width: 100%;}
#product-kv .bg img.sp { display: none;}
@media (max-width: 1401px) {
	#product-kv:after { content: none;}
	#product-kv .ctn .inner { padding-top: 9vw;}
	#product-kv .bg { opacity: 1;}
}
@media (max-width: 801px) {
	#product-kv .ctn { top: auto; bottom: 0;}
	#product-kv .ctn .inner { width: 100%; padding-top: 0px; padding-bottom: 26vw;}

	#product-kv .ctn .logo { display: none;}
	#product-kv .ctn .txt { width: 80%; margin: 0 auto 6vw;}
	#product-kv .ctn .txt p img.pc { display: none;}
	#product-kv .ctn .txt p img.sp { display: block;}
	#product-kv .ctn .note { margin: 0 auto 6vw;}
	#product-kv .ctn .anker { width: 80%; margin: 0 auto;}
	
	#product-kv .bg img.pc { display: none;}
	#product-kv .bg img.sp { display: block;}

	#product-kv .note { bottom: 20px;}
}
@media (max-width: 481px) {
	#product-kv .ctn .anker { width: 80%;}
	#product-kv .ctn .anker a { font-size: 14px;}
	#product-kv .ctn .anker a:after { width: 10px; height: 10px; right: 20px;}
	#product-kv .ctn .anker a svg { width: 18px; left: 6%;}

	#product-kv .note ul li { line-height: 1.4;}
}


#point .inner-sct { position: relative; padding-bottom: 50px;}
#point .lead { width: 86%; max-width: 800px; margin: 0 auto 50px; padding-top: 60px;}
#point .lead p { font-size: 24px; font-weight: 700;}
#point .lead p span { display: block;}
#point .lead p em { font-size: 36px;}
#point .lead p br { display: none;}
#point .ctn { width: 86%; max-width: 800px; margin: 0 auto 60px;}
#point .ctn .bloc { padding: 10px 0;}
#point .ctn .point-tit { position: relative; padding: 8px; padding-right: 86px; background: #fbede4; cursor: pointer;}
#point .ctn .point-tit:before,
#point .ctn .point-tit:after { content: ''; display: block; width: 25px; height: 3px; background: #b2856a; border-radius: 8px; position: absolute; right: 30px; top: 50%;}
#point .ctn .point-tit:before{ transform: translateY(-50%);}
#point .ctn .point-tit:after { transform: translateY(-50%) rotate(90deg); transition: 0.3s ease;}
#point .ctn .point-tit.open:after { transform: translateY(-50%) rotate(180deg);}
#point .ctn .point-tit div { position: relative; padding: 20px 90px;}
#point .ctn .point-tit div:before,
#point .ctn .point-tit div:after { content: ''; display: block; position: absolute;}
#point .ctn .point-tit div:before{ width: 62px; height: 50px; left: 12px; top: 50%; transform: translateY(-50%);}
#point .ctn .point-tit div:after { width: 160px; height: 100%; right: 0px; top: 0%; z-index: 1;}
#point .ctn .point-tit div.point-1:before{ background: url('../img/product/moist/point/icn-1.png') no-repeat 50% 50% / 100% auto;}
#point .ctn .point-tit div.point-1:after { background: url('../img/product/moist/point/bg-1.jpg') no-repeat 50% 50% / cover;}
#point .ctn .point-tit div.point-2:before{ background: url('../img/product/moist/point/icn-2.png') no-repeat 50% 50% / 100% auto;}
#point .ctn .point-tit div.point-2:after { background: url('../img/product/moist/point/bg-2.jpg') no-repeat 50% 50% / cover;}
#point .ctn .point-tit div.point-3:before{ background: url('../img/product/moist/point/icn-3.png') no-repeat 50% 50% / 100% auto;}
#point .ctn .point-tit div.point-3:after { background: url('../img/product/moist/point/bg-3.jpg') no-repeat 50% 50% / cover;}
#point .ctn .point-tit div.point-4:before{ background: url('../img/product/moist/point/icn-4.png') no-repeat 50% 50% / 100% auto;}
#point .ctn .point-tit div.point-4:after { background: url('../img/product/moist/point/bg-4.jpg') no-repeat 50% 50% / cover;}
#point .ctn .point-tit div.point-5:before{ background: url('../img/product/moist/point/icn-5.png') no-repeat 50% 50% / 100% auto;}
#point .ctn .point-tit div.point-5:after { background: url('../img/product/moist/point/bg-5.jpg') no-repeat 50% 50% / cover;}
#point .ctn .point-tit div.point-6:before{ background: url('../img/product/moist/point/icn-6.png') no-repeat 50% 50% / 100% auto;}
#point .ctn .point-tit div.point-6:after { background: url('../img/product/moist/point/bg-6.jpg') no-repeat 50% 50% / cover;}

#point .ctn .point-tit p { position: relative; font-size: 20px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1.2; z-index: 2;}
#point .ctn .point-tit p span { font-size: 28px;}
#point .ctn .point-tit p em { font-size: 28px;}
#point .ctn .point-tit p br { display: none;}
#point .ctn .point-tit p sub { font-size: 12px; vertical-align: baseline;}
#point .ctn .point-tit p i.and { display: inline-block; margin: 0 5px; font-size: 24px; font-style: normal; }

#point .ctn .point-ctn { display: none; padding: 40px 0 80px;}
#point .ctn .point-ctn p { margin-bottom: 60px; text-align: center; }
#point .ctn .point-ctn p img { width: 100%;}
#point .ctn .point-ctn p img.sp { display: none;}
#point .ctn .point-ctn ul li { color: #666; font-size: 10px; line-height: 1.4;}

#point .note ul { width: 86%; max-width: 800px; margin: 0 auto;}
@media (max-width: 801px) {
	#point .lead { margin: 0 auto 20px; padding-top: 30px;}
	#point .lead p { font-size: 24px;}
	#point .lead p em { font-size: 30px;}
	#point .lead p br { display: block;}
	
	#point .ctn { margin: 0 auto 40px;}
	#point .ctn .bloc { padding: 8px 0;}
	#point .ctn .point-tit { padding: 6px; padding-right: 65px;}
	#point .ctn .point-tit:before,
	#point .ctn .point-tit:after { right: 20px;}
	#point .ctn .point-tit p br { display: block;}
	#point .ctn .point-tit p i.and { font-size: 20px; margin: 0;}
	#point .ctn .point-ctn { padding: 30px 0 60px;}
	#point .ctn .point-ctn p { margin-bottom: 40px;}
}
@media (max-width: 641px) {
	#point .ctn .point-tit:before,
	#point .ctn .point-tit:after { width: 18px; height: 2px; right: 10px;}
	#point .ctn .point-tit p { font-size: 14px; line-height: 1.4;}
	#point .ctn .point-tit p span { font-size: 15px;}
	#point .ctn .point-tit p em { font-size: 20px;}
	#point .ctn .point-tit p sub { font-size: 10px;}

	#point .ctn .point-ctn { padding: 20px 0 40px;}
	#point .ctn .point-ctn p img.pc { display: none;}
	#point .ctn .point-ctn p img.sp { display: block;}
}
@media (max-width: 481px) {
	#point .inner-sct { padding-bottom: 30px;}
	#point .lead { margin: 0 auto 12px; padding-top: 20px;}
	#point .lead p { font-size: 15px;}
	#point .lead p em { font-size: 20px;}

	#point .ctn { margin: 0 auto 30px;}
	#point .ctn .bloc { padding: 5px 0;}
	#point .ctn .point-tit { padding: 10px 5px; padding-right: 36px;}
	#point .ctn .point-tit:before,
	#point .ctn .point-tit:after { right: 8px;}
	#point .ctn .point-tit div { padding: 8px 50px;}
	#point .ctn .point-tit div:before{ width: 36px; height: 40px; left: 6px;}
	#point .ctn .point-tit div:after { width: 100px;}
	#point .ctn .point-tit p { font-size: 12px;}
	#point .ctn .point-tit p span { font-size: 13px;}
	#point .ctn .point-tit p em { font-size: 16px;}
	#point .ctn .point-tit p i.and { font-size: 12px; line-height: 1;}
	#point .ctn .point-ctn { padding: 30px 0 40px;}
	#point .ctn .point-ctn p { margin-bottom: 30px;}
}


#product .inner-sct { position: relative; padding-top: 50px;}
#product .signboard { position: relative; width: 100%;}
#product .signboard .tit { position: absolute; left: 0; top: 90px; width: 100%; z-index: 2;}
#product .signboard .tit h2 { color: #fff; font-size: 55px; letter-spacing: 0.3rem; line-height: 1; text-align: center;}
#product .signboard .btn-open { position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 3;}
#product .signboard .btn-open .item-trig { position: relative; width: 75%; max-width: 480px; margin: 0 auto; padding: 18px 0; background: #d38d78; border-radius: 50px; cursor: pointer;}
#product .signboard .btn-open .item-trig:hover { opacity: 0.8;}
#product .signboard .btn-open .item-trig:before,
#product .signboard .btn-open .item-trig:after { content: ''; display: block; width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%;}
#product .signboard .btn-open .item-trig:before{ transform: translate(-168px, -50%);}
#product .signboard .btn-open .item-trig:after { transform: translate(-168px, -50%) rotate(90deg); transition: 0.3s ease;}
#product .signboard .btn-open .item-trig p { color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 0.1rem; line-height: 1; text-align: center; text-indent: 30px;}
#product .signboard img { position: relative; width: 100%;}
#product .signboard img.sp { display: none;}

#product .signboard .btn-open .item-trig.open { background: #fbf3ed;}
#product .signboard .btn-open .item-trig.open:before,
#product .signboard .btn-open .item-trig.open:after { background: #d38d78;}
#product .signboard .btn-open .item-trig.open:after { transform: translate(-168px, -50%) rotate(180deg);}
#product .signboard .btn-open .item-trig.open p { color: #d38d78;}


#product .hide-ctn { display: none;}

#product .stl { background: #d2c8c0;}
#product .stl div { width: 100%; max-width: 800px; margin: 0 auto; padding: 30px;}
#product .stl div h3 { color: #a28a82; font-size: 22px; letter-spacing: 0.1rem;}
#product .stl div h3 span { display: inline-block; vertical-align: middle;}
#product .stl div h3 span.eng { margin-right: 20px; font-size: 42px;}
#product .stl div h3 span.jp { font-weight: 600;}


#product .bloc { position: relative; padding: 30px 0; background: linear-gradient(#fbe7dd,#fff);}
#product .bloc .ctn { width: 92%; max-width: 800px; margin: 0 auto;}
#product .ctn .inner { position: relative; padding-bottom: 60px;}
#product .ctn .tit { margin-bottom: 30px;}
#product .ctn .tit img { display: inline-block; width: 20%; max-width: 180px; vertical-align: middle;}
#product .ctn .tit span{ display: inline-block; padding-left: 50px; color: #d38d78; font-size: 30px; font-weight: 700; line-height: 1.4; vertical-align: middle;}
#product .ctn .tit span sub { font-size: 10px;}
#product .ctn .tit span br.sp { display: none;}
#product .ctn .img { width: 32%; max-width: 260px; position: absolute; right: 0; bottom: 0;}
#product .ctn .img figure { text-align: center;}
#product .ctn .img figure img { width: 100%; max-width: 240px;}
#product .ctn .txt {}
#product .ctn .txt h3.name { margin-bottom: 12px; color: #887166; font-size: 22px; font-weight: 700; line-height: 1.4;}
#product .ctn .txt h3.name span { display: block; font-size: 32px;}
#product .ctn .txt h3.name sub { font-size: 14px;}
#product .ctn .txt h3.name br.sp { display: none;}
#product .ctn .txt p.amount { margin-bottom: 15px; font-size: 18px; font-weight: 700; line-height: 1.2;}
#product .ctn .txt p.amount span { display: inline-block; padding: 2px 15px 4px; background: #887166; border-radius: 50px; color: #fff;}
#product .ctn .txt p.amount span.g { padding: 2px 15px 6px;}
#product .ctn .txt p.price { margin-bottom: 20px; color: #887166; line-height: 1.4;}
#product .ctn .txt p.price span { display: block;}
#product .ctn .txt p.price span.tax-ex { font-size: 23px; font-weight: 700;}
#product .ctn .txt p.price span.tax-in { text-indent: -0.5em;}
#product .ctn .txt .aroma { margin-bottom: 40px;}
#product .ctn .txt .aroma dl { display: table; width: 100%;}
#product .ctn .txt .aroma dl dt,
#product .ctn .txt .aroma dl dd { display: table-cell; vertical-align: middle;}
#product .ctn .txt .aroma dl dt { width: 100px;}
#product .ctn .txt .aroma dl dt img { width: 100%;}
#product .ctn .txt .aroma dl dd { padding-left: 10px; color: #887166; font-size: 20px; font-weight: 700; line-height: 1.25;}
#product .ctn .txt .cart { width: 92%; max-width: 420px;}
#product .ctn .txt .cart span { position: relative; display: block; padding: 15px 0; padding-left: 30px; background: #b5b5b5; border-radius: 80px;
 color: #fff; font-size: 18px; line-height: 1.4; text-align: center;
}
#product .ctn .txt .cart span svg { width: 21px; fill: #fff; position: absolute; left: 80px; top: 50%; transform: translateY(-50%);}

#product .ctn .txt .cart a { position: relative; display: block; padding: 15px 0; padding-left: 30px; background: #d38d78; border-radius: 80px;
 color: #fff; font-size: 18px; font-weight: 700; line-height: 1.4; text-align: center;
}
#product .ctn .txt .cart a svg { width: 21px; fill: #fff; position: absolute; left: 80px; top: 50%; transform: translateY(-50%);}
#product .ctn .txt .cart a:hover { opacity: 0.8; text-decoration: none;}
#product .ctn .txt .cart a.special { background: #a28a82;}

#product .aside { position: relative; padding: 30px 0 90px; background: linear-gradient(#fbe7dd,#fff);}
#product .aside .ctn { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; max-width: 820px; margin: 0 auto;}
#product .aside .item{ width: 32%;}
#product .aside .item figure { text-align: center;}
#product .aside .item figure img { width: 72%; max-width: 180px;}
#product .aside .item p { text-align: center;}
#product .aside .item p.name { margin-bottom: 12px; font-size: 16px; font-weight: 700;}
#product .aside .item p.amount { margin-bottom: 12px; font-size: 15px; font-weight: 700;}
#product .aside .item p.price { margin-bottom: 20px; font-size: 16px;}
#product .aside .item p.price span { display: block; font-size: 20px; font-weight: 700;}
#product .aside .item hr { width: 80%; max-width: 180px; height: 2px; margin: 0 auto 10px; border: none; background: #887166;}
#product .aside .item .cart { width: 92%; max-width: 220px; margin: 0 auto;}
#product .aside .item .cart span { position: relative; display: block; padding: 8px 0; padding-left: 30px; background: #b5b5b5; border-radius: 80px;
 color: #fff; font-size: 16px; line-height: 1.4; text-align: center;
}
#product .aside .item .cart span svg { width: 21px; fill: #fff; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}

#product .aside .item .cart a { position: relative; display: block; padding: 8px 0; padding-left: 30px; background: #d38d78; border-radius: 80px;
 color: #fff; font-size: 16px; line-height: 1.4; text-align: center;
}
#product .aside .item .cart a svg { width: 21px; fill: #fff; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}


#product .bloc2 { position: relative; padding: 30px 0 90px; background: linear-gradient(#f4efeb,#fff);}
#product .bloc2 .ctn { width: 92%; max-width: 800px; margin: 0 auto 40px;}
#product .bloc2 img.icn { width: 125px; border: solid 3px #c5bab3; border-radius: 50%; position: absolute; right: 0; top: 20px;}
#product .bloc2 .ctn .tit span{ color: #a28a82;}
#product .bloc2 .ctn .img { width: 45%; max-width: 350px; bottom: 20px;}
#product .bloc2 .ctn .img figure { text-align: left;}
#product .bloc2 .note ul { width: 80%; max-width: 800px; margin: 0 auto;}
#product .bloc2 .note ul li { color: #666;}

@media (max-width: 801px) {
	#product .signboard .tit { top: 15vw;}
	#product .signboard img.pc { display: none;}
	#product .signboard img.sp { display: block;}

	#product .ctn .inner { padding-bottom: 20px;}
	#product .ctn .tit { margin-bottom: 12px;}
	#product .ctn .tit img { display: block; width: 28%; margin-bottom: 12px;}
	#product .ctn .tit span{ display: block; padding-left: 20px; font-size: 30px;}
	#product .ctn .tit span br.sp { display: block;}
	#product .ctn .txt { padding-left: 20px;}
	#product .ctn .txt h3.name { margin-bottom: 8px;}
	#product .ctn .txt h3.name sub { font-size: 12px;}
	#product .ctn .txt h3.name br.sp { display: block;}
	#product .ctn .txt p.amount { margin-bottom: 10px;}
	#product .ctn .txt p.price { margin-bottom: 12px;}
	#product .ctn .img { bottom: auto; top: 20%;}
	#product .ctn .txt .cart { margin: 0 auto;}

	#product .aside .ctn { flex-wrap: wrap;}
	#product .aside .item{ width: 50%; padding: 20px 0;}

	#product .bloc2 img.icn { width: 100px;}
	#product .bloc2 .ctn .img { width: 32%; bottom: auto; top: 20%;}
	#product .bloc2 .ctn .img figure { text-align: center;}
}
@media (max-width: 641px) {
	#product .signboard .tit h2 { font-size: 36px;}
	#product .signboard .btn-open .item-trig p { font-size: 20px;}

	#product .stl div h3 { font-size: 18px;}
	#product .stl div h3 span.eng { margin-right: 30px; font-size: 32px;}
	
	#product .ctn .tit span{ font-size: 24px;}
	#product .ctn .txt h3.name { font-size: 18px;}
	#product .ctn .txt h3.name span { font-size: 20px;}
	#product .ctn .txt p.amount { font-size: 16px;}
	#product .ctn .txt p.price { font-size: 14px;}
	#product .ctn .txt p.price span.tax-ex { font-size: 18px;}
	#product .ctn .txt .aroma dl dt { width: 80px;}
	#product .ctn .txt .aroma dl dd { font-size: 16px;}

}
@media (max-width: 481px) {
	#product .inner-sct { padding-top: 30px;}
	#product .signboard .tit h2 { font-size: 26px; letter-spacing: 0.2rem;}
	#product .signboard .btn-open { bottom: 25px;}
	#product .signboard .btn-open .item-trig { padding: 12px 0;}
	#product .signboard .btn-open .item-trig:before,
	#product .signboard .btn-open .item-trig:after { width: 14px; height: 1px;}
	#product .signboard .btn-open .item-trig:before{ transform: translate(-100px, -50%);}
	#product .signboard .btn-open .item-trig:after { transform: translate(-100px, -50%) rotate(90deg);}
	#product .signboard .btn-open .item-trig.open:after { transform: translate(-100px, -50%) rotate(0deg);}
	#product .signboard .btn-open .item-trig p { font-size: 14px;}

	#product .stl div { padding: 12px 0 12px 15px; border-width: 12px;}
	#product .stl div h3 { font-size: 12px; letter-spacing: 0.08rem;}
	#product .stl div h3 span.eng { margin-right: 16px; font-size: 23px; letter-spacing: 0rem;}

	#product .ctn .tit { margin-bottom: 6px;}
	#product .ctn .tit img { margin-bottom: 6px;}
	#product .ctn .tit span{ padding-left: 12px; font-size: 20px;}
	#product .ctn .img { width: 38%;}
	#product .ctn .txt { padding-left: 12px;}
	#product .ctn .txt h3.name { font-size: 15px;}
	#product .ctn .txt h3.name span { font-size: 16px;}
	#product .ctn .txt p.amount { margin-bottom: 6px; font-size: 12px;}
	#product .ctn .txt p.amount span.g { padding: 2px 15px 4px;}
	#product .ctn .txt p.price { margin-bottom: 8px; font-size: 12px;}
	#product .ctn .txt p.price span.tax-ex { font-size: 15px;}
	#product .ctn .txt .aroma { margin-bottom: 20px;}
	#product .ctn .txt .aroma dl dt { width: 60px;}
	#product .ctn .txt .aroma dl dd { font-size: 13px;}
	#product .ctn .txt .cart span { padding: 10px 0; font-size: 14px; text-indent: 20px;}
	#product .ctn .txt .cart span svg { width: 16px; left: 15%;}
	#product .ctn .txt .cart a { padding: 10px 0; font-size: 14px; text-indent: 20px;}
	#product .ctn .txt .cart a svg { width: 16px; left: 15%;}

	#product .aside .item{ padding: 12px 0;}
	#product .aside .item p.name { margin-bottom: 6px; font-size: 12px; line-height: 1.4;}
	#product .aside .item p.amount { margin-bottom: 6px; font-size: 11px;}
	#product .aside .item p.price { margin-bottom: 15px; font-size: 12px;}
	#product .aside .item p.price span { font-size: 14px;}
	#product .aside .item hr { width: 72%; height: 1px; margin: 0 auto 6px;}
	#product .aside .item .cart { width: 80%;}
	#product .aside .item .cart span { padding: 2px 0 4px; padding-left: 20px; font-size: 12px; line-height: 1.25;}
	#product .aside .item .cart span svg { width: 16px; left: 18px;}
	#product .aside .item .cart a { padding: 8px 0px; padding-left: 20px; font-size: 12px; line-height: 1.25;}
	#product .aside .item .cart a svg { width: 16px; left: 18px;}

	#product .bloc2 { padding: 30px 0 50px;}
	#product .bloc2 img.icn { width: 60px; border-width: 2px; top: 10px;}
	#product .bloc2 .ctn .img { width: 30%; right: -8px;}
}



#shop .inner-sct {}
#shop .ctn { padding: 80px 0 60px; background: url('../img/product/bg-shop.jpg') no-repeat 50% 50% / cover;}
#shop .ctn .txt-1 { margin-bottom: 30px; text-align: center;}
#shop .ctn .txt-1 h3 { display: inline-block; color: #716050; font-size: 32px; font-weight: 700; letter-spacing: 0.1rem; text-align: left;}
#shop .ctn .txt-2 { margin-bottom: 40px; text-align: center;}
#shop .ctn .txt-2 p { display: inline-block; color: #716050; font-size: 24px; font-weight: 700; text-align: left;}
#shop .ctn .btn { width: 80%; max-width: 450px; margin: 0 auto;}

@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#shop .ctn .txt-1 h3 { font-size: 24px;}
	#shop .ctn .txt-2 p { font-size: 18px;}
}
@media (max-width: 481px) {
	#shop .inner-sct {}
	#shop .ctn { padding: 30px 0 40px; background: url('../img/product/bg-shop@sp.jpg') no-repeat 50% 50% / cover;}
	#shop .ctn .txt-1 { width: 85%; margin: 0 auto 12px; text-align: left;}
	#shop .ctn .txt-1 h3 { font-size: 20px; text-shadow: 0 0 8px #ede3db;}
	#shop .ctn .txt-2 { width: 85%; margin: 0 auto 20px; text-align: left;}
	#shop .ctn .txt-2 p { font-size: 14px; text-shadow: 0 0 8px #ede3db,0 0 8px #ede3db;}
}



#campaign { }
#campaign .inner-sct { width: 100%; /* max-width: 1280px; */ padding: 20px 0 30px; border: solid 21px #d38d78; background: linear-gradient(#fbe7dd,#fff);}
#campaign .ctn { width: 92%; max-width: 680px; margin: 0 auto;}
#campaign .ctn p { margin-bottom: 40px; text-align: center;}
#campaign .ctn p img { width: 100%;}
#campaign .ctn p img.sp { display: none;}
#campaign .ctn .btn { width: 88%; max-width: 450px; margin: 0 auto;}
#campaign .ctn .btn a { background: #d38d78; color: #fff;}
#campaign .ctn .btn a:after { border-color: #fff;}
#campaign .ctn .btn span { display: block; width: 100%; padding: 12px 0; background: #b5b5b5; border-radius: 8px;
 color: #fff; font-size: 21px; font-weight: 700; text-decoration: none; text-align: center;
}
#campaign .ctn .btn a:hover { opacity: 0.8;}
@media (max-width: 801px) {
	#campaign .inner-sct { border-width: 15px;}
}
@media (max-width: 641px) {
	#campaign .ctn p img.pc { display: none;}
	#campaign .ctn p img.sp { display: block;}
}
@media (max-width: 481px) {
	#campaign .inner-sct { padding: 12px 0 20px; border-width: 10px;}
	#campaign .ctn p { margin-bottom: 30px;}
	#campaign .ctn .btn span { padding: 8px 0; font-size: 14px;}
}