@charset "utf-8";
#kv { position: relative; width: 100%; margin: 0 auto;
 background: url('../img/top/kv.jpg') no-repeat 50% 0 / cover;
}
#kv .inner-kv { position: relative; width: 100%; margin: 0 auto;}
#kv .logo { width: 100%; position: absolute; left: 0; top: 13.5%; z-index: 10; text-align: center;}
#kv .logo img { width: 26%; max-width: 330px;}
#kv .badge { position: absolute; right: 8%; top: 18%; width: 100px; z-index: 5; }
#kv .badge:before { content: ''; display: none; width: 100%; padding-top: 86%;
 background: url('/img/awards/badge/202607-ldk-a-sp.png') no-repeat 50% 50% / 100% auto;
}
#kv .badge:after { content: '※'; display: none; position: absolute; right: 5px; bottom: -12px; font-size: 10px;}
#kv .bg { position: relative; width: 100%; padding-top: 660px; z-index: 1;}
#kv .bg img { display: none; width: 100%;}

#kv .txt { position: absolute; left: 0; top: 72%; width: 100%; z-index: 10;}
#kv .txt div { width: 92%; max-width: 1040px; margin: 0 auto;}
#kv .txt div h1 { color: #333; font-size: clamp(20px,2.4vw,26px); font-feature-settings: "palt"; letter-spacing: 0.06rem;}
#kv .txt div h1 sup { font-size: 12px; vertical-align: super; }

#kv .note { position: absolute; left: 0; bottom: 6%; width: 100%; z-index: 9;}
#kv .note ul { width: 90%; max-width: 1040px; margin: 0 auto;}
@media (max-width: 1281px) {
	#kv .bg { padding-top: 52%;}
}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#kv { background: none;}
	#kv .logo { width: 100%; position: absolute; left: 0; top: 4.5%; text-align: center;}
	#kv .logo img { width: 40%;}
	#kv .txt { top: 19.6%;}
	#kv .txt div h1 { font-size: 5.2vw; text-align: center;}
	#kv .txt div h1 span { display: block;}
	#kv .badge { top: 12%;}
	#kv .bg { padding-top: 0%; padding-bottom: 20px;}
	#kv .bg img { display: block;}
	#kv .note { bottom: 0;}
	#kv .note ul li br { display: none;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#kv .badge { top: 11%; width: 60px;}
}


.ttl { position: relative; width: 88%; max-width: 1040px; margin: 0 auto;}
.ttl:after { content: ''; display: block; width: 100%; height: 1px; background: #ccc;
 position: absolute; left: 0; top: 50%;
}
.ttl h2 { position: relative; display: inline-block; padding: 0 40px 0 0; background: #fff; z-index: 2;
 font-size: 45px; font-weight: 600; letter-spacing: 0.2rem; line-height: 1;
}
@media (max-width: 481px) {
	.ttl h2 { padding: 0 20px 0 0; font-size: 32px;}
}

#story { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#story:after { content: ''; display: block; width: 200px; height: 1000px; 
 background: url('../img/top/bg-ptn-1.png') no-repeat 100% 0% / auto 100%;
 position: absolute; left: 0; top: -540px;
}
#story .inner-sct { position: relative; padding: 80px 0;}
#story .ttl { margin-bottom: 80px;}
#story .ctn { width: 88%; max-width: 1040px; margin: 0 auto; background: url('../img/top/img.jpg') no-repeat 100% 50% / 380px auto;}
#story .ctn .inner { padding-right: 300px;}
#story .ctn p { margin-bottom: 20px; font-size: 20px; font-weight: 600; letter-spacing: 0.1rem; line-height: 2;}
#story .ctn p sup { font-size: 12px; vertical-align: super;}
#story .ctn figure { display: none;}
#story .ctn figure img { width: 100%;}
#story .note {}
@media (max-width: 1001px) {
	#story .ctn p { font-size: 16px;}
}
@media (max-width: 801px) {
	#story:after { top: 50%; width: 150px; height: 800px;}
	#story .ttl { margin-bottom: 40px;}
	#story .ctn { background: none;}
	#story .ctn .inner { padding-right: 0px;}
	#story .ctn p { margin-bottom: 0px; font-size: 20px;}
	#story .ctn p sup { font-size: 10px;}
	#story .ctn p span { display: block;}
	#story .ctn figure { display: block; margin-bottom: 20px;}
}
@media (max-width: 481px) {
	#story:after { top: 35%; width: 100px; height: 500px;}
	#story .inner-sct { padding: 60px 0;}
	#story .ttl { margin-bottom: 20px;}
	#story .ctn p { font-size: 14px;}
}



#point .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 80px 0;}
#point .inner-sct:before,
#point .inner-sct:after { content: ''; display: block; height: 1000px; position: absolute;}
#point .inner-sct:before{ width: 260px; right: 0; top: 16%;
 background: url('../img/top/bg-ptn-2.png') no-repeat 0% 0% / auto 100%;
}
#point .inner-sct:after { width: 200px; left: 0; bottom: 20%;
 background: url('../img/top/bg-ptn-1.png') no-repeat 100% 0% / auto 100%;
}
#point .bloc { position: relative; z-index: 2; width: 92%; max-width: 1040px; margin: 0 auto; padding: 60px 0;}
#point .bloc#point1 { background: url('../img/top/point-1-fig.png') no-repeat 100% 50% / 500px auto;}
#point .bloc#point2 { background: url('../img/top/point-2-fig-1.png') no-repeat 100% 60px / 520px auto;}
#point .bloc#point4 { background: url('../img/top/point-4-fig.png') no-repeat 100% 50% / 540px auto;}
#point .bloc#point5 { background: url('../img/top/point-5-fig.jpg') no-repeat 100% 50% / 420px auto;}
#point .tit { margin-bottom: 20px;}
#point .tit h3 img { width: 180px;}

#point .bloc#point2 .ctn { margin-bottom: 100px;}
#point .bloc#point1 .ctn .txt { margin-bottom: 12px; padding-right: 380px;}
#point .bloc#point2 .ctn .txt { margin-bottom: 12px; padding-right: 360px;}
#point .bloc#point3 .ctn .txt { margin-bottom: 60px;}
#point .bloc#point4 .ctn .txt {}
#point .bloc#point5 .ctn .txt { margin-bottom: 12px; padding-right: 400px;}
#point .ctn h3 { margin-bottom: 12px; font-size: clamp(24px,3.0vw,30px); font-weight: 600; letter-spacing: 0.1rem;}
#point .ctn h3 sup{ font-size: 12px; vertical-align: super;}
#point .ctn h3 br.sp { display: none;}
#point .ctn p sup { font-size: 10px; vertical-align: super;}
#point .ctn p br.sp { display: none;}
#point .bloc .ctn .img { display: none;}
#point .ctn picture { width: 100%; max-width: 110px; margin: 0 auto;}
#point .ctn picture img { width: 100%;}

#point .ctn-flex { position: relative; display: flex; justify-content: space-between; align-items: center;}
#point .ctn-flex .txt { width: 52%; padding-bottom: 40px;}
#point .ctn-flex .fig { width: 46%;}
#point .ctn-flex h3 { font-size: clamp(24px,3.0vw,30px); font-weight: 600; letter-spacing: 0.1rem;}
#point .ctn-flex h3 sup{ font-size: 12px; vertical-align: super;}
#point .ctn-flex h3 br.sp { display: none;}
#point .ctn-flex .fig figure img { width: 100%;}
#point .ctn-flex .note { position: absolute; left: 0; bottom: 20px; width: 56%;}

@media (max-width: 1001px) {
	#point .bloc#point1 { background-size: 400px auto;}
	#point .bloc#point2 { background-size: 460px auto;}
	#point .bloc#point4 { background-size: 420px auto;}
	#point .bloc#point5 { background-size: 420px auto;}
	#point .bloc#point1 .ctn .txt { margin-bottom: 12px; padding-right: 360px;}
	#point .bloc#point2 .ctn .txt { margin-bottom: 12px; padding-right: 400px;}
}
@media (max-width: 801px) {
	#point .inner-sct:before,
	#point .inner-sct:after { height: 800px;}
	#point .inner-sct:before{ width: 160px; top: 8%;}
	#point .inner-sct:after { width: 140px; bottom: 25%;}

	#point .bloc { width: 100%; padding: 40px 0;}
	#point .bloc#point1 { background: none;}
	#point .bloc#point2 { background: none;}
	#point .bloc#point4 { background: none;}
	#point .bloc#point5 { background: none;}
	#point .tit { width: 88%; margin: 0 auto;}
	#point .bloc#point2 .ctn { margin-bottom: 60px;}
	#point .bloc .ctn .txt { width: 88%;}
	#point .bloc#point1 .ctn .txt { margin: 0 auto 20px; padding-right: 0px;}
	#point .bloc#point2 .ctn .txt { margin: 0 auto 20px; padding-right: 0px;}
	#point .bloc#point3 .ctn .txt { margin: 0 auto 20px; padding-right: 0px;}
	#point .bloc#point4 .ctn .txt { margin: 0 auto 12px; padding-right: 0px;}
	#point .bloc#point5 .ctn .txt { margin: 0 auto; padding-right: 0px;}

	#point .bloc .ctn .img { display: block;}
	#point .bloc .ctn .img figure { text-align: center;}
	#point .bloc .ctn .img figure img { width: 88%;}
	#point .bloc#point2 .ctn .img { margin-bottom: 30px;}
	#point .bloc#point4 .ctn .img figure img { width: 100%;}
	#point .bloc#point5 .ctn .img { margin-bottom: 12px;}
	#point .bloc#point5 .ctn .img figure img { width: 100%;}

	#point .ctn-flex { display: block; width: 88%; margin: 0 auto;}
	#point .ctn-flex .txt { width: 100%; margin-bottom: 30px; padding-bottom: 0px;}
	#point .ctn-flex .fig { width: 100%;}

	#point .note ul { width: 88%; margin: 0 auto;}
	#point .ctn-flex .note { position: relative; left: auto; bottom: auto; width: 88%;}

}
@media (max-width: 481px) {
	#point .inner-sct { padding: 20px 0;}
	#point .inner-sct:before,
	#point .inner-sct:after { height: 600px;}
	#point .inner-sct:before{ width: 100px; top: 11%; background: url('../img/top/bg-ptn-1.png') no-repeat 0% 0% / auto 100%;}
	#point .inner-sct:after { width: 100px; bottom: 22%;}
	#point .bloc { padding: 20px 0;}
	#point .bloc#point3 { background: url('../img/top/bg-ptn-2.png') no-repeat 280px 15% / 280px auto;}
	#point .bloc#point2 .ctn .img { margin-bottom: 20px;}

	#point .tit h3 img { width: 140px;}
	#point .ctn h3 { font-size: 18px; letter-spacing: 0.05rem;}
	#point .ctn h3 sup { font-size: 10px;}
	#point .ctn h3 br.sp { display: block;}
	#point .ctn p { font-size: 14px;}
	#point .ctn p br.pc { display: none;}
	#point .ctn p br.sp { display: block;}
	#point .ctn p span { display: block;}

	#point .ctn-flex h3 { font-size: 18px; letter-spacing: 0.05rem;}
	#point .ctn-flex h3 sup{ font-size: 10px;}
}



#product { position: relative;}
#product .inner-sct { position: relative; padding: 80px 0; background: url('../img/bg/1.jpg') no-repeat 50% 0 / cover;}
#product .inner-sct:before,
#product .inner-sct:after { content: ''; display: block; width: 100%; height: 300px; position: absolute; left: 0;}
#product .inner-sct:before{ background: linear-gradient(#fff,rgba(255,255,255,0)); top: 0;}
#product .inner-sct:after { background: linear-gradient(rgba(255,255,255,0),#fff); bottom: 0;}
#product .bloc { position: relative; z-index: 5; padding: 72px 0;}
#product .ctn { display: flex; align-items: center; width: 88%; max-width: 1040px; margin: 0 auto;}
#product .ctn .img { width: 30%;}
#product .ctn .txt { width: 70%;}
#product .ctn .img figure { text-align: center;}
#product .ctn .img figure img { width: 80%; max-width: 180px;}
#product .ctn .txt .descript { position: relative; margin-bottom: 40px; padding-left: 130px;}
#product .ctn .txt .descript p.read { font-size: 24px; font-weight: 600; letter-spacing: 0.1rem;}
#product .ctn .txt .descript p.read sup { font-size: 10px; vertical-align: super;}
#product .ctn .txt .descript p.read br.sp { display: none;}
#product .ctn .txt .descript p.kome { font-size: 10px;}
#product .ctn .txt .descript p.aroma{ font-size: 16px;}
#product .ctn .txt .descript .flower { position: absolute; left: 0; top: 50%; width: 100px; transform: translateY(-50%);}
#product .ctn .txt .descript .flower img { width: 100%; border-radius: 50%; box-shadow: 4px 4px 8px #ccc;}
#product .ctn .txt .info { position: relative; margin-bottom: 30px; padding-left: 80px;}
#product .ctn .txt .info:before { content: ''; display: block; width: 4px; height: 100%; background: #a5ccd4;
 position: absolute; left: 60px; top: 50%; transform: translateY(-50%);
}
#product .ctn .txt .info p.name { margin-bottom: 20px; font-size: 12px; line-height: 1.4;}
#product .ctn .txt .info p.name span { display: block;}
#product .ctn .txt .info p.name .eng { margin-bottom: 12px; font-size: 24px; font-weight: 700; letter-spacing: 0.1rem;}
#product .ctn .txt .info p.name br { display: none;}
#product .ctn .txt .info p.price { letter-spacing: 0.05rem;}
#product .ctn .txt .info p.price span { display: block;}

#product .ctn .txt .cart { position: relative; padding-left: 60px;}
#product .ctn .txt .cart form { position: relative; display: block; width: 60%; max-width: 350px; background: #a5ccd4; border-radius: 50px; overflow: hidden;}
#product .ctn .txt .cart form:before { content: ''; display: block; width: 30px; height: 30px;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-left: -100px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 27"><g fill="%23ffffff"><path d="M11.5,21.86c-.44,0-.83-.27-.94-.65L4.81,1.75H.97C.44,1.75,0,1.36,0,.88,0,.39.44,0,.97,0h4.59c.44,0,.83.27.94.65l.76,2.57,21.77,1.99c.3,0,.59.13.78.35.18.22.24.5.16.77l-3.46,11.1c-.12.38-.5.64-.94.64h-13.92s.6,2.04.6,2.04h13.17c.54,0,.97.39.97.88,0,.48-.44.88-.97.88h-13.92ZM13.91,12.51h-3.91s1.12,3.8,1.12,3.8h2.78s0-3.8,0-3.8ZM20.46,12.51h-4.6s0,3.8,0,3.8h4.6s0-3.8,0-3.8ZM26.01,12.51h-3.61s0,3.8,0,3.8h2.43s1.18-3.8,1.18-3.8ZM13.79,5.75l-5.94-.54,1.64,5.55h4.42l-.12-5.01ZM20.46,6.31l-4.6-.39v4.84s4.6,0,4.6,0v-4.45ZM27.74,6.95l-5.34-.48v4.29s4.16,0,4.16,0l1.18-3.81ZM7.22,3.09,11.13,16.31l-1.12-3.8M28.11,6.95,7.85,5.21l5.94.54"/><path d="M12.18,24.78c0-1.2,1.04-2.18,2.31-2.18,1.27,0,2.31.98,2.31,2.18,0,1.2-1.04,2.18-2.31,2.18s-2.31-.98-2.31-2.18Z"/><path d="M21.19,24.78c0-1.2,1.04-2.18,2.31-2.18,1.27,0,2.31.98,2.31,2.18,0,1.2-1.04,2.18-2.31,2.18s-2.31-.98-2.31-2.18Z"/></g></svg>');
 background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 50%;
}
#product .ctn .txt .cart form input[type="submit"] { position: relative; display: block; width: 100%; padding: 12px 0;
 background: none; border-radius: 50px; border: none; box-shadow: inset 0px 0px 8px #fff, 0 2px 8px #9bb8ce;
 color: #fff; font-size: 20px; font-weight: 700; text-indent: 30px;
}

#product .ctn-flex { display: flex; align-items: flex-start; width: 88%; max-width: 1040px; margin: 0 auto;}
#product .ctn-flex .re-item { width: 50%;}

#product .ctn-flex .re-item .img { margin-bottom: 40px;}
#product .ctn-flex .re-item .img figure { text-align: center;}
#product .ctn-flex .re-item .img figure img { width: 80%; max-width: 168px;}

#product .ctn-flex .re-item .txt { width: 100%; max-width: 460px; margin: 0 auto; padding: 0 10px;}
#product .ctn-flex .re-item .txt p {}
#product .ctn-flex .re-item .txt p.name { margin-bottom: 20px; font-size: 12px; line-height: 1.4;}
#product .ctn-flex .re-item .txt p.name span { display: block;}
#product .ctn-flex .re-item .txt p.name .eng { margin-bottom: 12px; font-size: 21px; font-weight: 700; letter-spacing: 0.1rem;}
#product .ctn-flex .re-item .txt p.name br { display: none;}
#product .ctn-flex .re-item .txt p.price { margin-bottom: 40px; letter-spacing: 0.05rem;}
#product .ctn-flex .re-item .txt p.price span { display: block;}

#product .ctn-flex .re-item .cart form { position: relative; display: block; width: 80%; max-width: 350px; margin: 0 auto;
 background: #a5ccd4; border-radius: 50px; overflow: hidden;}
#product .ctn-flex .re-item .cart form:before { content: ''; display: block; width: 30px; height: 30px;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-left: -100px;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 27"><g fill="%23ffffff"><path d="M11.5,21.86c-.44,0-.83-.27-.94-.65L4.81,1.75H.97C.44,1.75,0,1.36,0,.88,0,.39.44,0,.97,0h4.59c.44,0,.83.27.94.65l.76,2.57,21.77,1.99c.3,0,.59.13.78.35.18.22.24.5.16.77l-3.46,11.1c-.12.38-.5.64-.94.64h-13.92s.6,2.04.6,2.04h13.17c.54,0,.97.39.97.88,0,.48-.44.88-.97.88h-13.92ZM13.91,12.51h-3.91s1.12,3.8,1.12,3.8h2.78s0-3.8,0-3.8ZM20.46,12.51h-4.6s0,3.8,0,3.8h4.6s0-3.8,0-3.8ZM26.01,12.51h-3.61s0,3.8,0,3.8h2.43s1.18-3.8,1.18-3.8ZM13.79,5.75l-5.94-.54,1.64,5.55h4.42l-.12-5.01ZM20.46,6.31l-4.6-.39v4.84s4.6,0,4.6,0v-4.45ZM27.74,6.95l-5.34-.48v4.29s4.16,0,4.16,0l1.18-3.81ZM7.22,3.09,11.13,16.31l-1.12-3.8M28.11,6.95,7.85,5.21l5.94.54"/><path d="M12.18,24.78c0-1.2,1.04-2.18,2.31-2.18,1.27,0,2.31.98,2.31,2.18,0,1.2-1.04,2.18-2.31,2.18s-2.31-.98-2.31-2.18Z"/><path d="M21.19,24.78c0-1.2,1.04-2.18,2.31-2.18,1.27,0,2.31.98,2.31,2.18,0,1.2-1.04,2.18-2.31,2.18s-2.31-.98-2.31-2.18Z"/></g></svg>');
 background-size: 100% auto; background-repeat: no-repeat; background-position: 50% 50%;
}
#product .ctn-flex .re-item .cart form input[type="submit"] { position: relative; display: block; width: 100%; padding: 12px 0;
 background: none; border-radius: 50px; border: none; box-shadow: inset 0px 0px 8px #fff, 0 2px 8px #9bb8ce;
 color: #fff; font-size: 20px; font-weight: 700; text-indent: 30px;
}


#product .note { position: relative; z-index: 5;}
#product .note ul { width: 88%; max-width: 1040px; margin: 0 auto; text-align: right;}
@media (max-width: 801px) {
	#product .inner-sct { padding: 40px 0; background: url('../img/bg/1@sp.jpg') no-repeat 50% 0 / 100% auto;}
	#product .bloc { padding: 60px 0;}
	#product .ctn .txt .descript { margin-bottom: 30px; padding-left: 100px;}
	#product .ctn .txt .descript p.read { font-size: 20px;}
	#product .ctn .txt .descript .flower { width: 80px;}
	#product .ctn .txt .info { padding-left: 50px;}
	#product .ctn .txt .info:before { left: 20px;}
	
	#product .ctn .txt .cart { padding-left: 20px;}
	
	#product .ctn-flex { display: block;}
	#product .ctn-flex .re-item { display: flex; align-items: center; flex-wrap: wrap; width: 100%;}
	#product .ctn-flex .re-item:nth-child(1) { margin-bottom: 100px;}
	#product .ctn-flex .re-item .img { width: 25%; margin-bottom: 0px;}
	#product .ctn-flex .re-item .txt { width: 75%;}
	#product .ctn-flex .re-item .cart{ width: 100%; padding-top: 40px;}
	#product .ctn-flex .re-item .cart form { width: 60%;}

}
@media (max-width: 641px) {
	#product .bloc { padding: 40px 0;}
	#product .ctn { position: relative; display: block; width: 100%;}
	#product .ctn .img { width: 25%; position: absolute; left: 0; top: 0;}
	#product .ctn .txt { width: 100%; padding: 0 40px;}
	#product .ctn .txt .descript { width: 100%; margin-bottom: 0px; padding-bottom: 30px; padding-left: 120px;}
	#product .ctn .txt .descript.item-1 { min-height: 230px; }
	#product .ctn .txt .descript.item-2 { min-height: 220px; }
	#product .ctn .txt .descript.item-3 { min-height: 230px; }
	#product .ctn .txt .descript.item-4 { min-height: 190px; }
	#product .ctn .txt .descript .flower { position: relative; left: auto; top: auto; transform: translateY(0);
	 width: 60px; margin: 0 0 -42px; padding-top: 12px;
	}
	#product .ctn .txt .descript p.aroma { padding-left: 80px;}
	
	#product .ctn-flex .re-item:nth-child(1) { margin-bottom: 50px;}
}
@media (max-width: 481px) {
	#product .bloc { padding: 32px 0;}
	#product .ctn .img { width: 32%;}
	#product .ctn .txt { padding: 0 20px;}
	#product .ctn .txt .descript { padding-left: 92px;}
	#product .ctn .txt .descript.item-1 { min-height: 190px; }
	#product .ctn .txt .descript.item-2 { min-height: 185px; }
	#product .ctn .txt .descript.item-3 { min-height: 190px; }
	#product .ctn .txt .descript.item-4 { min-height: 150px; }
	#product .ctn .txt .descript p.read { font-size: 14px; letter-spacing: 0.05rem;}
	#product .ctn .txt .descript p.read br.pc { display: none;}
	#product .ctn .txt .descript p.read br.sp { display: block;}
	#product .ctn .txt .descript .flower { width: 50px;}
	#product .ctn .txt .descript p.aroma { padding-left: 60px; font-size: 12px;}
	#product .ctn .txt .descript .flower { margin: 0 0 -36px;}
	#product .ctn .txt .descript .flower img { box-shadow: 2px 2px 4px #ddd;}

	#product .ctn .txt .info { padding-left: 36px;}
	#product .ctn .txt .info:before { left: 15px;}
	#product .ctn .txt .info p.name { margin-bottom: 12px; font-size: 11px;}
	#product .ctn .txt .info p.name .eng { margin-bottom: 6px; font-size: 18px;}
	#product .ctn .txt .info p.name br { display: block;}
	#product .ctn .txt .info p.price { font-size: 12px;}
	
	#product .ctn .txt .cart { padding-left: 0px;}
	#product .ctn .txt .cart form { margin: 0 auto;}
	#product .ctn .txt .cart form:before { width: 18px; height: 18px; margin-left: -52px;}
	#product .ctn .txt .cart form input[type="submit"] { font-size: 13px;}


	#product .ctn-flex .re-item:nth-child(1) { margin-bottom: 48px;}
	#product .ctn-flex .re-item .txt p.name { margin-bottom: 12px; font-size: 14px;}
	#product .ctn-flex .re-item .txt p.name .eng { display: none;}
	#product .ctn-flex .re-item .txt p.name br { display: block;}
	#product .ctn-flex .re-item .txt p.price { margin-bottom: 0px; font-size: 12px;}

	#product .ctn-flex .re-item .cart { padding-top: 20px;}
	#product .ctn-flex .re-item .cart form { margin: 0 auto;}
	#product .ctn-flex .re-item .cart form:before { width: 18px; height: 18px; margin-left: -52px;}
	#product .ctn-flex .re-item .cart form input[type="submit"] { font-size: 13px;}

}



#shop .inner-sct { width: 100%; max-width: 1280px; margin: 0 auto; padding: 80px 0 40px;}
#shop .ttl { margin-bottom: 60px;}
#shop .tips{ margin-bottom: 20px;}
#shop .tips div { width: 90%; max-width: 1040px; margin: 0 auto;}
#shop .tips h3 { font-size: 24px; font-weight: 700; line-height: 1.2;}
#shop .tips h3 span { display: block; width: 50%; max-width: 520px; padding: 12px 20px;
 background: #a5ccd4; border-top-right-radius: 50px; border-bottom-right-radius: 50px; color: #fff;
}

#shop .flex { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;
 width: 88%; max-width: 1040px; margin: 0 auto 80px;
}
#shop .flex.center { align-items: center;}
#shop .ctn-1 { width: 32%;}
#shop .ctn-23 { width: 68%; display: flex; justify-content: space-between; }
#shop .ctn-45 { position: absolute; right: 0; bottom: 0; width: 66%; display: flex; justify-content: space-between;}
#shop .ctn-23 .ctn,
#shop .ctn-45 .ctn { width: 50%;}
#shop .ctn h3 { margin-bottom: 30px; text-align: center;}
#shop .ctn h3 img { width: 72%; max-width: 280px;}
#shop .ctn ul { text-align: center;}
#shop .ctn ul li { padding: 20px 0; font-size: 23px;}
#shop .ctn ul li a { color: #333; text-decoration: none;}
#shop .ctn ul.color2 li,
#shop .ctn ul.color2 li a { color: #c14042;}
#shop .ctn ul.color3 li,
#shop .ctn ul.color3 li a { color: #9c7d45;}
#shop .ctn ul li a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}

#shop .ctn.order-21 { width: 33%; order: 2;}
#shop .ctn.order-32 { width: 33%; order: 3;}
#shop .ctn.order-13 { width: 33%; order: 1;}
#shop .ctn p {}
#shop .ctn p a { display: block; width: 90%; max-width: 320px; margin: 0 auto;}
#shop .ctn p img { width: 100%;}


#shop .shop-logo { width: 92%; max-width: 1100px; margin: 0 auto 20px;}
#shop .shop-logo ul { font-size: 0; text-align: center;}
#shop .shop-logo ul li { display: inline-block; width: 33%; vertical-align: top;}
#shop .shop-logo ul li ul li { display: block; width: 100%; padding: 40px 0;}
#shop .shop-logo ul li:last-child { display: block; width: 100%;}
#shop .shop-logo ul li:last-child ul li { display: inline-block; width: 33%; vertical-align: middle;}
#shop .shop-logo ul li ul li a { display: block; width: 90%; max-width: 320px; margin: 0 auto;}
#shop .shop-logo ul li ul li a img { width: 100%;}

#shop .note { margin-bottom: 60px; text-align: center;}
#shop .note ul { display: inline-block; text-align: left;}
#shop .note ul li { position: relative; padding-left: 1.2em;}
#shop .note ul li:before { content: '※'; position: absolute; left: 0;}
#shop .btn-shop { width: 60%; max-width: 280px; margin: 0 auto;}
#shop .btn-shop a { position: relative; display: block; width: 100%; padding: 3px; background: #fff;
 border: solid 2px #a5ccd4; border-radius: 50px; box-shadow: 2px 2px 3px #ccc;
 color: #fff; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none;
}
#shop .btn-shop a span { display: block; padding: 12px 0; background: #a5ccd4; border-radius: 50px;}
@media (max-width: 1001px) {
	#shop .ctn ul li { padding: 16px 0; font-size: 20px;}
}
@media (max-width: 801px) {
	#shop .inner-sct { padding: 40px 0 20px;}
	#shop .ttl { margin-bottom: 40px;}
	#shop .tips h3 { font-size: 20px;}
	#shop .flex{ margin: 0 auto 60px;}
	#shop .ctn ul li { padding: 12px 0; font-size: 16px;}
}
@media (max-width: 641px) {
	#shop .flex{ flex-wrap: wrap;}
	#shop .ctn-1 { width: 50%;}
	#shop .ctn-23 { width: 50%; display: block;}
	#shop .ctn-45 { position: relative; right: auto; bottom: auto; width: 100%; padding-top: 30px;}
	#shop .ctn-23 .ctn { width: 100%;}
	#shop .ctn-23 .ctn:last-child { padding-top: 20px;}

	#shop .ctn.order-21 { width: 50%; order: 1;}
	#shop .ctn.order-32 { width: 50%; order: 2;}
	#shop .ctn.order-13 { width: 50%; order: 3; padding-top: 60px;}

	#shop .note ul { margin: 0 auto;}
}
@media (max-width: 481px) {
	#shop .inner-sct { padding: 30px 0;}
	#shop .ttl { margin-bottom: 20px;}
	#shop .flex{ margin: 0 auto 40px;}
	#shop .tips{ margin-bottom: 12px;}
	#shop .tips h3 { font-size: 14px;}
	#shop .tips h3 span { padding: 4px 8px;}
	#shop .ctn h3 { margin-bottom: 12px;}
	#shop .ctn ul li { padding: 4px 0; font-size: 12px;}

	#shop .ctn.order-13 { padding-top: 40px;}

	#shop .shop-logo ul li { width: 50%; vertical-align: top;}
	#shop .shop-logo ul li:last-child { display: inline-block; width: 50%;}
	#shop .shop-logo ul li ul li { padding: 12px 0; width: 100%;}
	#shop .shop-logo ul li:last-child ul li { display: block; width: 100%;}
	#shop .shop-logo ul li ul li:last-child { width: 100%;}
	
	#shop .btn-shop a { padding: 2px;}
}



#caution .inner { width: 90%; margin: 0 auto; padding: 40px 0 60px;}
#caution p { font-size: 16px; text-align: center;}
#caution p.link { margin-top: 20px; font-size: 20px; }
#caution p.link a { color: #29abe2;}

@media (max-width: 481px) {
	#caution p { font-size: 11px;}
	#caution p br { display: none;}
	#caution p span { display: block;}
	#caution p.link { font-size: 14px;}
}


/*
	SHOP - page
*/
#kv-shop {}
#kv-shop picture img { width: 100%;}

#shoplist .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 40px 0; background: #f4f4f4;}
#shoplist .inner-sct:before,
#shoplist .inner-sct:after { content: ''; display: block; position: absolute;}
#shoplist .inner-sct:before{ width: 260px; height: 480px; right: 0; top: 0;
 background: url('../img/top/bg-ptn-2.png') no-repeat 0% 100% / 580px auto;
}
#shoplist .inner-sct:after { width: 200px; height: 100%; left: 0; bottom: 0%;
 background: url('../img/top/bg-ptn-1.png') no-repeat 100% 100% / 580px auto;
}

#shoplist ul { position: relative; width: 92%; max-width: 880px; margin: 0 auto; font-size: 0; z-index: 10;}
#shoplist ul li { display: inline-block; width: 33%; padding: 15px; font-size: 16px;}
#shoplist ul li a { position: relative; display: block; width: 100%; padding: 4px; background: #e8e9ea; border-radius: 6px; color: #333; text-decoration: none;}
#shoplist ul li a span { position: relative; display: block; width: 100%; padding: 16px 12px; background: #e8e9ea; border: solid 3px #a5ccd4; border-radius: 6px; font-weight: 700;
}
#shoplist ul li a:after { content: ''; display: block; width: 8px; height: 8px; border-top: solid 2px #333; border-right: solid 2px #333;
 position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#shoplist ul li a:hover { opacity: 0.8;}
@media (max-width: 801px) {
	#shoplist .inner-sct:before,
	#shoplist .inner-sct:after { content: none;}
	#shoplist ul li { padding: 12px 8px; font-size: 14px;}
}
@media (max-width: 641px) {
	#shoplist .inner-sct { background: linear-gradient( #f4f4f4 80%,#e6e6e6);}
	#shoplist ul li { width: 50%; padding: 5px; font-size: 12px;}
	#shoplist ul li a { padding: 3px;}
	#shoplist ul li a span { padding: 10px 8px; border-width: 2px;}
	#shoplist ul li a:after { width: 6px; height: 6px; right: 15px;}
}

aside.aside { padding: 40px 0 20px;}
aside.aside .btn-back { width: 60%; max-width: 280px; margin: 0 auto;}
aside.aside .btn-back a { position: relative; display: block; width: 100%; padding: 3px; background: #fff;
 border: solid 2px #a5ccd4; border-radius: 50px; box-shadow: 2px 2px 3px #ccc;
 color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;
}
aside.aside .btn-back a:before { content: ''; display: block; width: 10px; height: 10px; border-bottom: solid 2px #fff; border-left: solid 2px #fff;
 position: absolute; left: 30px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
aside.aside .btn-back a span { display: block; padding: 12px 0; background: #a5ccd4; border-radius: 50px;}
@media (max-width: 481px) {
	aside.aside { padding: 20px 0px;}
	aside.aside .btn-back a { padding: 2px; font-size: 14px;}
}