@charset "utf-8";

.ttl { text-align: center;}
.ttl h2 { margin-bottom: 10px; font-size: 38px; font-weight: 900; line-height: 1;}
.ttl h2 span { letter-spacing: 0.4rem;}
.ttl p { font-size: 16px;}
@media (max-width: 481px){
	.ttl h2 { margin-bottom: 6px; font-size: 32px;}
	.ttl h2 span { letter-spacing: 0.2rem;}
	.ttl p { font-size: 12px;}
}


#kv-product { background: url('../img/product/kv-wide.jpg') no-repeat 50% 50% / cover;}
#kv-product .inner { width: 100%; max-width: 1000px; margin: 0 auto;}
#kv-product h1 img { width: 100%; opacity: 0;}
#kv-product h1 img.sp { display: none;}
@media (max-width: 1001px){
	#kv-product { background: none}
	#kv-product h1 img { opacity: 1;;}
}
@media (max-width: 801px){
	#kv-product h1 img.pc { display: none;}
	#kv-product h1 img.sp { display: block;}
}

#product-nav { background: #e83d51;}
#product-nav .inner-sct { width: 90%; max-width: 760px; margin: 0 auto; padding: 90px 0 80px;}
#product-nav .ttl { margin-bottom: 60px;}
#product-nav .ttl h2 { color: #fff;}
#product-nav .ttl p { color: #fff;}
#product-nav .flex { display: flex; justify-content: space-between;}
#product-nav .box { width: 50%;}
#product-nav .btn-nav { width: 92%; margin: 0 auto;}
#product-nav .btn-nav .btn-inner { position: relative; width: 100%; height: 78px;}
#product-nav .btn-nav .btn-inner:before,
#product-nav .btn-nav .btn-inner:after { content: ''; display: block; height: 100%; background: #fff; position: absolute; position: absolute; top: 0; transform: skew(-15deg);}
#product-nav .btn-nav .btn-inner:before{ width: 6px; left: 0;}
#product-nav .btn-nav .btn-inner:after { width: calc(100% - 10px); left: 10px;}
#product-nav .btn-nav .btn-inner a { display: block; position: relative; padding: 14px 0 10px; z-index: 2;
 color: #474747; font-size: 18px; font-weight: 700; line-height: 1; text-align: center; text-decoration: none;
}
#product-nav .btn-nav .btn-inner a span { position: relative; display: block;}
#product-nav .btn-nav .btn-inner a span.eng { font-size: 32px; letter-spacing: 0.1rem;}
#product-nav .btn-nav .btn-inner a:after{ content: ''; display: block; width: 85%; height: 76px;
 position: absolute; top: 1px; right: 10px; transform: skew(-15deg); background: #fff; transition: 0.3s linear;
}
#product-nav.show .btn-nav .btn-inner a:after{ width: 0%;}
@media (max-width: 801px){
	#product-nav .ttl { margin-bottom: 40px;}
	#product-nav .btn-nav .btn-inner { height: 64px;}
	#product-nav .btn-nav .btn-inner a { padding: 12px 0 8px; font-size: 15px;}
	#product-nav .btn-nav .btn-inner a span.eng { font-size: 28px;}
	#product-nav .btn-nav .btn-inner a:after{ height: 62px;}
}
@media (max-width: 481px){
	#product-nav .inner-sct { padding: 30px 0;}
	#product-nav .ttl { margin-bottom: 20px;}
	#product-nav .btn-nav .btn-inner { height: 54px;}
	#product-nav .btn-nav .btn-inner a { padding: 10px 0 6px; font-size: 13px;}
	#product-nav .btn-nav .btn-inner a span.eng { font-size: 18px;}
	#product-nav .btn-nav .btn-inner a:after{ height: 52px;}
}

#haircare { background: linear-gradient(90deg,#d5e0e8 0%,#fff 40%,#d8dfea 100%);}
#haircare .inner-sct { padding: 80px 0;}
#haircare .ttl { margin-bottom: 40px;}
#haircare .ctn-items { display: flex; flex-wrap: wrap; justify-content: space-around; width: 94%; max-width: 1024px; margin: 0 auto 100px;}
#haircare .ctn-items .box { width: 50%;}
#haircare .ctn-items .box .inner-box { position: relative; width: 94%; margin: 0 auto; padding: 80px 20px 40px 40px;
 transition: 0.5s linear; transform: translateY(30px); opacity: 0;
}
#haircare .ctn-items .box:nth-child(1) .inner-box { transition-delay: 0s;}
#haircare .ctn-items .box:nth-child(2) .inner-box { transition-delay: 0.3s;}
#haircare .ctn-items .box:nth-child(3) .inner-box { transition-delay: 0.6s;}
#haircare .ctn-items .box figure { width: 120px; position: absolute; left: 0; top: 0; z-index: 10;}
#haircare .ctn-items .box figure img { width: 100%;}
#haircare .ctn-items .box .tit { position: absolute; top: 50px; width: 100%; padding: 8px; padding-left: 100px; z-index: 3;}
#haircare .ctn-items .box .tit:before,
#haircare .ctn-items .box .tit:after { content: ''; display: block; width: 80%; height: 100%; position: absolute; top: 0; transform: skew(-15deg);}
#haircare .ctn-items .box .tit:before { right: 20%; z-index: 3; transition: 0.4s ease 0.3s;}
#haircare .ctn-items .box .tit:after { left: 0; z-index: 1;}
#haircare .ctn-items .box .tit.tit-1:before,
#haircare .ctn-items .box .tit.tit-1:after { background: #e83d51;}
#haircare .ctn-items .box .tit.tit-2:before,
#haircare .ctn-items .box .tit.tit-2:after { background: #ef9731;}
#haircare .ctn-items .box .tit.tit-3:before,
#haircare .ctn-items .box .tit.tit-3:after { background: #248dcf;}
#haircare .ctn-items .box .tit h3 { position: relative; color: #fff; font-size: 21px; line-height: 1; z-index: 2;}
#haircare .ctn-items .box .tips { position: absolute; top: 86px; width: 100%; padding: 5px; padding-left: 100px; z-index: 2;}
#haircare .ctn-items .box .tips:before,
#haircare .ctn-items .box .tips:after { content: ''; display: block; width: 72%; height: 100%;
 position: absolute; top: 0; background: #595757; z-index: 1; transform: skew(-15deg);
}
#haircare .ctn-items .box .tips:before{ right: 28%; z-index: 3; transition: 0.4s ease 0.45s;}
#haircare .ctn-items .box .tips:after { left: 0;}
#haircare .ctn-items .box .tips p { position: relative; color: #fff; font-size: 15px; font-weight: 700; z-index: 2;}
#haircare .ctn-items .box .txt { position: relative; padding: 60px 0 20px 100px; z-index: 1;}
#haircare .ctn-items .box .txt:before,
#haircare .ctn-items .box .txt:after { content: ''; display: block; width: 96%; height: 100%; background: #fff; 
 position: absolute; bottom: 0; transform: skew(-15deg);
}
#haircare .ctn-items .box .txt:before{ right: 4%; z-index: 3; transition: 0.4s ease 0.6s;}
#haircare .ctn-items .box .txt:after { left: 0; z-index: 1; box-shadow: 0 0 12px #ccc;}
#haircare .ctn-items .box .txt p { position: relative; z-index: 2; font-weight: 700; line-height: 1.4;}
#haircare .ctn-items .box .txt p.name { margin-bottom: 8px; font-size: 16px;}
#haircare .ctn-items .box .txt p.price{ font-size: 13px;}
#haircare .ctn-items .box .txt p.price span{ display: block; font-size: 15px; padding-left: 0.45em;}
#haircare .ctn-items .box .cart { position: absolute; bottom: 40px; right: 20px; width: 140px; z-index: 10;}
#haircare .ctn-items .box .cart:before,
#haircare .ctn-items .box .cart:after { content: ''; display: block; width: 100%; height: 34px; position: absolute; bottom: 0; transform: skew(-15deg);}
#haircare .ctn-items .box .cart.cart-1:before,
#haircare .ctn-items .box .cart.cart-1:after { background: #e83d51;}
#haircare .ctn-items .box .cart.cart-2:before,
#haircare .ctn-items .box .cart.cart-2:after { background: #ef9731;}
#haircare .ctn-items .box .cart.cart-3:before,
#haircare .ctn-items .box .cart.cart-3:after { background: #248dcf;}

#haircare .ctn-items .box .cart:before{ right: 0%; z-index: 3; transition: 0.4s ease 0.8s;}
#haircare .ctn-items .box .cart:after { left: 0%; z-index: 1;}
#haircare .ctn-items .box .cart span,
#haircare .ctn-items .box .cart a { position: relative; display: block; padding: 4px 0; z-index: 2;
 color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;
}
#haircare .ctn-items .box .cart:hover { opacity: 0.8;}
#haircare .ctn-items .box .cart form { position: relative; z-index: 2;}
#haircare .ctn-items .box .cart form input[type="submit"]{ display: block; width: 100%; padding: 4px 0; border: none; background: none;
 color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;
}


#haircare .ctn-items.show .box .inner-box { transform: translateY(0px); opacity: 1;}
#haircare .ctn-items.show .box .tit:before { width: 0%;}
#haircare .ctn-items.show .box .tips:before{ width: 0%;}
#haircare .ctn-items.show .box .txt:before { width: 0%;}
#haircare .ctn-items.show .box .cart:before{ width: 0%;}

#haircare .line { position: relative; width: 100%; height: 10px; margin: 0 auto 120px; background: #ef9731; transform: skewY(-5deg);
 box-shadow: 0 -16px 0 #e83d51, 0 16px 0 #248dcf;
}
#haircare .ctn-step { width: 94%; max-width: 1048px; margin: 0 auto 20px; opacity: 0; transition: 0.4s linear;}
#haircare .ctn-step h3 { margin-bottom: 40px; font-size: 28px; line-height: 1; text-align: center;}
#haircare .ctn-step h3 span{ font-size: 38px; font-weight: 900;}
#haircare .ctn-step h3 em { font-size: 48px; font-weight: 900;}
#haircare .ctn-step figure img { width: 100%; }
#haircare .ctn-step ol { display: none; text-align: center;}
#haircare .ctn-step ol li img { width: 100%;}
#haircare .note ul { width: 92%; max-width: 1024px; margin: 0 auto;}
#haircare .note ul li { font-size: 10px;}

#haircare .ctn-step.show { opacity: 1;}

@media (max-width: 1001px){
	#haircare .ctn-items { margin: 0 auto 60px;}
	#haircare .ctn-items .box .inner-box { padding: 60px 12px 30px 40px;}
	#haircare .ctn-items .box figure { width: 92px;}
	#haircare .ctn-items .box .tit { width: calc(100% - 65px); top: 40px; padding-left: 65px;}
	#haircare .ctn-items .box .tit:before,
	#haircare .ctn-items .box .tit:after { width: 92%;}
	#haircare .ctn-items .box .tit h3 { font-size: 18px;}
	#haircare .ctn-items .box .tips { width: calc(100% - 65px); top: 74px; padding-left: 65px;}
	#haircare .ctn-items .box .tips:before,
	#haircare .ctn-items .box .tips:after { width: 85%;}
	#haircare .ctn-items .box .tips p { font-size: 12px;}
	#haircare .ctn-items .box .txt { padding: 50px 0 20px 65px;}
	#haircare .ctn-items .box .txt p.name { margin-bottom: 5px; font-size: 14px;}
	#haircare .ctn-items .box .txt p.price{ font-size: 12px;}
	#haircare .ctn-items .box .txt p.price span{ font-size: 14px;}
	#haircare .ctn-items .box .cart { bottom: 30px; right: 10px; width: 120px;}
	#haircare .ctn-items .box .cart:before { height: 28px;}
	#haircare .ctn-items .box .cart a { font-size: 13px;}
	#haircare .ctn-items .box .cart form input[type="submit"] { font-size: 13px;}
	#haircare .line { margin: 0 auto 80px;}
	#haircare .ctn-step h3 { margin-bottom: 20px;}
}
@media (max-width: 801px){
	#haircare .ttl { margin-bottom: 0px;}
	#haircare .ctn-items { display: block; margin: 0 auto 40px;}
	#haircare .ctn-items .box { width: 100%; max-width: 450px; margin: 0 auto;}
	#haircare .ctn-step { margin: 0 auto;}
	#haircare .ctn-step figure { display: none;}
	#haircare .ctn-step ol { display: block; width: 100%; max-width: 480px; margin: 0 auto; text-align: center;}
}
@media (max-width: 481px){
	#haircare .inner-sct { padding: 40px 0;}
	#haircare .ctn-items .box .inner-box { padding: 60px 12px 20px 40px;}
	#haircare .ctn-items .box .tit { top: 34px; padding-left: 60px;}
	#haircare .ctn-items .box .tit:before{ width: 100%; right: 0%;}
	#haircare .ctn-items .box .tit:after { width: 100%;}
	#haircare .ctn-items .box .tit h3 { font-size: 18px;}
	#haircare .ctn-items .box .tips { top: 68px; padding-left: 65px;}
	#haircare .ctn-items .box .tips:before{ width: 90%; right: 10%;}
	#haircare .ctn-items .box .tips:after { width: 90%;}
	#haircare .ctn-items .box .txt { padding: 50px 0 20px 60px;}
	#haircare .ctn-items .box .cart { bottom: 20px; right: 10px; width: 108px;}
	#haircare .ctn-items .box .cart:before,
	#haircare .ctn-items .box .cart:after { height: 26px;}
	#haircare .ctn-items .box .cart a { font-size: 12px;}
	#haircare .ctn-items .box .cart form input[type="submit"] { font-size: 12px;}

	#haircare .line { height: 6px; margin: 0 auto 60px; box-shadow: 0 -10px 0 #e83d51, 0 10px 0 #248dcf; transform: skewY(-15deg);}

	#haircare .ctn-step h3 { font-size: 20px;}
	#haircare .ctn-step h3 span{ font-size: 26px;}
	#haircare .ctn-step h3 em { font-size: 32px;}
}


#bodycare { background: linear-gradient(90deg,#d6dbdd 0%,#f1f3f4 40%,#cbd1d3 100%);}
#bodycare .inner-sct { padding: 80px 0;}
#bodycare .ttl { margin-bottom: 40px;}
#bodycare .ctn-items { width: 92%; max-width: 1024px; margin: 0 auto 80px;}
#bodycare .ctn-items .box { width: 50%; margin: 0 auto;}
#bodycare .ctn-items .box .inner-box { position: relative; width: 94%; margin: 0 auto; padding: 80px 20px 40px 40px;
 transition: 0.5s linear; transform: translateY(30px); opacity: 0;
}
#bodycare .ctn-items .box figure { width: 120px; position: absolute; left: 0; top: 0; z-index: 10;}
#bodycare .ctn-items .box figure img { width: 100%;}
#bodycare .ctn-items .box .tit { position: absolute; top: 50px; width: 100%; padding: 8px; padding-left: 100px; z-index: 3;}
#bodycare .ctn-items .box .tit:before,
#bodycare .ctn-items .box .tit:after { content: ''; display: block; width: 80%; height: 100%; background: #92a1a1;
 position: absolute; top: 0; transform: skew(-15deg);
}
#bodycare .ctn-items .box .tit:before{ right: 20%; z-index: 3; transition: 0.4s ease;}
#bodycare .ctn-items .box .tit:after { left: 0%; z-index: 1;}
#bodycare .ctn-items .box .tit h3 { position: relative; color: #fff; font-size: 21px; line-height: 1; z-index: 2;}
#bodycare .ctn-items .box .tips{ position: absolute; top: 86px; width: 100%; padding: 5px; padding-left: 100px; z-index: 2;}
#bodycare .ctn-items .box .tips:before,
#bodycare .ctn-items .box .tips:after { content: ''; display: block; width: 72%; height: 100%;
 position: absolute; top: 0; background: #595757; transform: skew(-15deg);
}
#bodycare .ctn-items .box .tips:before{ right: 28%; z-index: 3; transition: 0.4s ease 0.15s;}
#bodycare .ctn-items .box .tips:after { left: 0%; z-index: 1;}
#bodycare .ctn-items .box .tips p { position: relative; color: #fff; font-size: 15px; font-weight: 700; z-index: 2;}
#bodycare .ctn-items .box .txt { position: relative; padding: 60px 0 20px 100px; z-index: 1;}
#bodycare .ctn-items .box .txt:before,
#bodycare .ctn-items .box .txt:after { content: ''; display: block; width: 96%; height: 100%; background: #fff; 
 position: absolute; bottom: 0; transform: skew(-15deg);
}
#bodycare .ctn-items .box .txt:before{ right: 4%; z-index: 3; transition: 0.4s ease 0.3s;}
#bodycare .ctn-items .box .txt:after { left: 0%; z-index: 1; box-shadow: 0 0 12px #ccc;}
#bodycare .ctn-items .box .txt p { position: relative; z-index: 2; font-weight: 700; line-height: 1.4;}
#bodycare .ctn-items .box .txt p.name { margin-bottom: 8px; font-size: 16px;}
#bodycare .ctn-items .box .txt p.price{ font-size: 13px;}
#bodycare .ctn-items .box .txt p.price span{ display: block; font-size: 15px; padding-left: 0.25em;}
#bodycare .ctn-items .box .cart { position: absolute; bottom: 40px; right: 20px; width: 140px; z-index: 10;}
#bodycare .ctn-items .box .cart:before,
#bodycare .ctn-items .box .cart:after { content: ''; display: block; width: 100%; height: 34px; background: #92a1a1; position: absolute; bottom: 0; transform: skew(-15deg);}
#bodycare .ctn-items .box .cart span,
#bodycare .ctn-items .box .cart a { position: relative; display: block; padding: 4px 0; z-index: 2;
 color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;
}
#bodycare .ctn-items .box .cart form { position: relative; z-index: 2;}
#bodycare .ctn-items .box .cart form input[type="submit"] { display: block; width: 100%; padding: 4px 0; border: none; background: none;
 color: #fff; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;
}

#bodycare .ctn-items .box .cart:before{ right: 0; z-index: 3; transition: 0.4s ease 0.45s;}
#bodycare .ctn-items .box .cart:after { left: 0; z-index: 1;}

#bodycare .ctn-items .box .cart:hover { opacity: 0.8;}

#bodycare .ctn-items.show .box .inner-box { transform: translateY(0px); opacity: 1;}
#bodycare .ctn-items.show .box .tit:before { width: 0%;}
#bodycare .ctn-items.show .box .tips:before{ width: 0%;}
#bodycare .ctn-items.show .box .txt:before { width: 0%;}
#bodycare .ctn-items.show .box .cart:before{ width: 0%;}

#bodycare .line { position: relative; width: 100%; height: 10px; margin: 0 auto 120px; background: #92a1a1; transform: skewY(-5deg);}
#bodycare .ctn-step { width: 92%; max-width: 1048px; margin: 0 auto 20px; opacity: 0; transition: 0.4s linear;}
#bodycare .ctn-step h3 { margin-bottom: 40px; font-size: 28px; line-height: 1; text-align: center;}
#bodycare .ctn-step h3 span{ font-size: 38px; font-weight: 900;}
#bodycare .ctn-step h3 em { font-size: 48px; font-weight: 900;}
#bodycare .ctn-step figure img { width: 100%; }
#bodycare .ctn-step ol { display: none; font-size: 0; text-align: center;}
#bodycare .ctn-step ol li {}
#bodycare .ctn-step ol li img { width: 100%;}
#bodycare .ctn-step.show { opacity: 1;}
#bodycare .note ul { width: 92%; max-width: 1024px; margin: 0 auto;}
#bodycare .note ul li { font-size: 10px;}
@media (max-width: 1001px){
	#bodycare .ctn-items { margin: 0 auto 60px;}
	#bodycare .ctn-items .box .inner-box { padding: 60px 12px 30px 40px;}
	#bodycare .ctn-items .box figure { width: 92px;}
	#bodycare .ctn-items .box .tit { width: calc(100% - 65px); top: 40px; padding-left: 65px;}
	#bodycare .ctn-items .box .tit h3 { font-size: 18px;}
	#bodycare .ctn-items .box .tips { width: calc(100% - 65px); top: 74px; padding-left: 65px;}
	#bodycare .ctn-items .box .tips p { font-size: 12px;}
	#bodycare .ctn-items .box .txt { padding: 50px 0 20px 65px;}
	#bodycare .ctn-items .box .txt p.name { margin-bottom: 5px; font-size: 14px;}
	#bodycare .ctn-items .box .txt p.price{ font-size: 12px;}
	#bodycare .ctn-items .box .txt p.price span{ font-size: 14px;}
	#bodycare .ctn-items .box .cart { bottom: 30px; right: 10px; width: 120px;}
	#bodycare .ctn-items .box .cart:before,
	#bodycare .ctn-items .box .cart:after { height: 28px;}
	#bodycare .ctn-items .box .cart a { font-size: 13px;}
	#bodycare .ctn-items .box .cart form input[type="submit"] { font-size: 13px;}
	#bodycare .line { margin: 0 auto 80px;}
	#bodycare .ctn-step h3 { margin-bottom: 20px;}
}
@media (max-width: 801px){
	#bodycare .ttl { margin-bottom: 0px;}
	#bodycare .ctn-items { display: block; margin: 0 auto 40px;}
	#bodycare .ctn-items .box { width: 100%; max-width: 450px; margin: 0 auto;}
	#bodycare .ctn-items .box .inner-box { padding: 60px 12px 20px 40px;}
	#bodycare .ctn-items .box .cart { bottom: 20px;}
	#bodycare .ctn-step { margin: 0 auto;}
	#bodycare .ctn-step figure { display: none;}
	#bodycare .ctn-step ol { display: block; width: 100%; max-width: 480px; margin: 0 auto; text-align: center;}
}
@media (max-width: 481px){
	#bodycare .inner-sct { padding: 40px 0;}
	#bodycare .ctn-items .box .tit { top: 34px; padding-left: 60px;}
	#bodycare .ctn-items .box .tit:before{ width: 100%; right: 0%;}
	#bodycare .ctn-items .box .tit:after { width: 100%;}
	#bodycare .ctn-items .box .tips { top: 68px; padding-left: 60px;}
	#bodycare .ctn-items .box .tips:before{ width: 90%; right: 10%;}
	#bodycare .ctn-items .box .tips:after{ width: 90%;}
	#bodycare .ctn-items .box .txt { padding: 50px 0 20px 60px;}
	#bodycare .ctn-items .box .cart { right: 6px; width: 108px;}
	#bodycare .ctn-items .box .cart:before,
	#bodycare .ctn-items .box .cart:after { height: 26px;}
	#bodycare .ctn-items .box .cart a { font-size: 12px;}
	#bodycare .ctn-items .box .cart form input[type="submit"] { font-size: 12px;}
	#bodycare .line { height: 6px; margin: 0 auto 60px; transform: skewY(-15deg);}
	#bodycare .ctn-step h3 { font-size: 20px;}
	#bodycare .ctn-step h3 span{ font-size: 26px;}
	#bodycare .ctn-step h3 em { font-size: 32px;}
}



#kv-shop { background: url('../img/shop/kv-wide.jpg') no-repeat 50% 50% / cover;}
#kv-shop .inner { width: 100%; max-width: 1200px; margin: 0 auto;}
#kv-shop h1 img { width: 100%; opacity: 0;}
#kv-shop h1 img.sp { display: none;}
.wrap-shop { padding: 80px 0;}
.wrap-shop .ttl { margin-bottom: 40px;}
.wrap-shop .ttl h2 { color: #fff;}
.wrap-shop .ttl p { color: #fff;}
.wrap-shop .inner-sct { width: 90%; max-width: 1000px; margin: 0 auto;}
.wrap-shop p.read { margin-bottom: 20px; color: #fff; font-size: 26px; font-weight: 700; text-align: center;}
.wrap-shop p.read span { display: block;}
.wrap-shop p.note { margin-bottom: 40px; color: #fff; font-size: 14px; text-align: center;}
.wrap-shop ul { font-size: 0;}
.wrap-shop ul li { display: inline-block; width: 33%; padding: 10px 0;}
.wrap-shop ul li a { display: block; width: 94%; padding: 28px 0; background: url('../img/shop/bg-shop.png') no-repeat 0% 50% / 100% auto;
 color: #000; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none;
}
@media (max-width: 1201px){
	#kv-shop { background: none;}
	#kv-shop h1 img { opacity: 1;}
}
@media (max-width: 801px){
	#kv-shop h1 img.pc { display: none;}
	#kv-shop h1 img.sp { display: block;}
}
@media (max-width: 641px){
	.wrap-shop ul li { width: 50%; padding: 5px 0;}
	.wrap-shop ul li a { width: 98%; padding: 14px 0; }
}
@media (max-width: 481px){
	.wrap-shop { padding: 30px 0;}
	.wrap-shop .ttl { margin-bottom: 15px;}
	.wrap-shop p.read { margin-bottom: 10px; font-size: 20px; line-height: 1.4;}
	.wrap-shop p.note { margin-bottom: 30px;}
	.wrap-shop ul li { padding: 2px 0;}
	.wrap-shop ul li a { padding: 8px 0; font-size: 13px;}
}