@charset "utf-8";

section:nth-of-type(n+2) { margin-top:10rem; }
h2.contents_ttl { font-size:3.6rem; text-align:center; margin-bottom:3rem; }
h2.contents_ttl span { display:inline-block; position:relative; }
h2.contents_ttl span:after {
  content:"";
  display:block;
  width:40rem;
  height:1px;
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  background:#707070;
}

.main_inner { margin-top:0; }

.anchorArea { margin:5rem 0; }
.anchorArea .catch { text-align:center; font-size:2rem; }
.anchorArea ul { display:flex; margin-top:5rem; }
.anchorArea ul li { background:#929292; width:calc(100% / 6 - 5rem / 6); margin-right:1rem; border-radius:10px; }
.anchorArea ul li:last-child { margin-right:0; }
.anchorArea ul li a { color:#fff; display:block; text-align:center; padding:1rem 0; position:relative; }
.anchorArea ul li a i {
  display:block;
  color:#fff;
  line-height:1;
  width:1em;
  height:1em;
  border:2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: translateY(-25%) rotate(135deg);
  text-align:center;
  margin:0.5rem auto 0;
}

.text_box { height:11rem; display:flex; flex-direction:column; }
.text_box .product_name { font-size:1.3rem; margin-bottom:1.5rem; }
.text_box .product_price { font-size:1.4rem; margin-top:auto; position:initial; }
.btn { max-width:20rem; width:100%; margin:1rem auto 0; }
.btn a { display:block; text-align:center; background:#707070; color:#fff; padding:0.5rem 0; border-radius:10px; }


@media screen and (max-width:820px){}
@media screen and (max-width:600px){
  .anchorArea ul { flex-wrap:wrap;  }
  .anchorArea ul li { width:31%; }
  .anchorArea ul li:nth-of-type(n+4) { margin-top:1rem; }
  .text_box { height:auto; }
}






/* category */
#category { margin-bottom: 5rem; }
#category ul { display:flex; margin-top: 3rem; flex-wrap:wrap; justify-content:space-between;  }
#category ul:after { display:none; }
#category ul li { width:24%; margin-bottom: 2rem; border:solid 1px #333; }
#category ul li a { display:flex; align-items:center; padding:0.5rem 1rem; }
#category ul li a img { margin-right:auto; }
#category ul li a p { text-align:right; font-weight: bold; color:#333; }
#category ul li.nolink { pointer-events: none; position:relative; }
#category ul li.nolink .mask { position:absolute; display:flex; align-items:center; top:0; left:0; right:0; background:rgba(0,0,0,0.6); width:100%; height:100%; }
#category ul li.nolink .mask p { color:#fff; font-size: 2rem; font-weight: bold; text-align:center; width:100%; }

@media screen and (max-width:910px){
	#category ul li a { padding:0.5rem 1rem; }
	#category ul li a p { font-size: 1.5rem; }
}
@media screen and (max-width:768px){
	#category ul li { width:32%; }
	#category ul li a p { font-size: 1.4rem; }
}
@media screen and (max-width:500px){
    #category ul { padding:0 2rem; }
	#category ul li { width:48%; }
	#category ul li a img { width:60px; }
}
@media screen and (max-width:375px){
	#category ul li a p { font-size: 1.4rem; }
	#category ul li a img { width:40px; }
}
@media screen and (max-width:320px){
	#category ul li a p { font-size: 1.2rem; }
}







