.ul-3col { display:flex; flex-wrap:wrap; margin:24px 0;}
.ul-3col li { width:32%; margin-right:2%; list-style-type:none;}
.ul-3col li:nth-child(3n) { margin-right:0;}
.ul-3col li img { margin:0 0 6px;}

.top-midashi { margin-top:0; margin-bottom:30px; line-height:1.2; font-size:30px; font-weight:600; font-family:"Spartan", sans-serif; text-align:center;}

.top-info { box-sizing: border-box; background-image: linear-gradient(#efefef 1.5px, transparent 0), linear-gradient(90deg, #efefef 1.5px, transparent 0); background-size:10px 10px; padding:60px 90px; margin:80px 0; line-height:1.8;}
.concept-box { display:flex; flex-wrap:wrap; margin-top:75px; margin-bottom:105px;}
.concept-box .left{ box-sizing:border-box; display:flex; justify-content:center; align-items:center; padding:20px 12px 80px; width:250px; min-height:300px; background:#fafafa; text-align:center; font-size:52px; font-weight:bold; flex-direction:column; position:relative;}
.concept-box .left span { font-size:18px;}
.concept-box .left span:before { content:""; width:80%; height:1.5px; background:#000; top:-8%; bottom:0; right:0; left:0; margin:auto; position:absolute;}
.concept-box .left a { border:1px solid; font-size:18px; font-weight:400; padding:2px; width:90%; bottom:62px; right:0; left:0; margin:auto; position:absolute; display:block;}
.concept-box .right { box-sizing:border-box; flex:1; display:flex; justify-content:center; align-items:center; position:relative; padding:60px 120px; background:url(https://img21.shop-pro.jp/PA01475/216/etc/saku.jpg?cmsp_timestamp=20211210001117) no-repeat center center #aaaaaa; background-size:cover; color:#ffffff; background-blend-mode:color; background-color:rgba(0,0,0, .5);}
@media screen and (max-width:768px) {
  .top-midashi { font-size:20px;}
  .top-info { padding:35px 24px; margin:40px 25px; background-image:linear-gradient(#efefef 0.5px, transparent 0), linear-gradient(
90deg, #efefef 0.5px, transparent 0); background-size:7px 7px;}
  .concept-box { margin:0 25px 40px;}
  .concept-box .left { width:100%; min-height:auto; padding:20px 12px; font-size:38px;}
  .concept-box .left span { font-size:14px;}
  .concept-box .left span:before { top:-16%;}
  .concept-box .left a { position:static; margin-top:16px; font-size:15px;}
  .concept-box .right { padding:20px 25px; font-size:13px;}
}

.top-recommend { padding-bottom:90px;}
.top-recommend h3 { position:relative; margin-top:0; margin-bottom:75px; padding-top:130px; line-height:1.4; font-size:30px; font-weight:bold; font-family:"Spartan", sans-serif; color:#ffffff; text-align:center; background:url(https://img21.shop-pro.jp/PA01475/216/etc/pro-bg.jpg?cmsp_timestamp=20211210001214) center center no-repeat; background-size:cover; height:200px;}
.top-recommend ul { padding:0 12px; max-width:inherit; display: flex; flex-wrap:wrap; margin:-150px -20px;}
.top-recommend ul li { position:relative; box-sizing:border-box; margin-bottom:45px; padding-left:20px; padding-right:20px; width:25%; word-break:break-all; font-size: 14px; list-style-type:none;}
.top-recommend ul li img { margin-bottom:25px;}
.top-recommend ul li h4 { font-size:14px; margin-top:15px;}
@media screen and (max-width:768px) {
  .top-recommend { padding-bottom:150px;}
  .top-recommend h3 { padding-top:55px; font-size:20px; height:100px; margin-bottom:110px;}
  .top-recommend ul { width:100%; margin:-150px 0; padding:0;}
  .top-recommend ul li { width:50%; font-size:13px;}
  .top-recommend ul li img { margin-bottom:12px;}
  .top-recommend ul li h4 { margin:0;}
}

.picup { padding:120px 0 60px; background-color:#fafafa;}
.picup ul { margin:60px 0 0;}
.picup ul li { display:flex; align-items:center; margin-bottom:64px; flex-wrap:wrap;}
.picup ul li:nth-child(2n) { flex-direction:row-reverse;}
.picup ul li .img { width:53%;}
.picup ul li .txt { padding:0 70px; font-size:15px; width:calc(47% - 140px);}
.picup ul li .txt span { font-size:24px; display:block; margin-bottom:6px;}

.t-btn{ margin-top:30px; padding:10px 30px 6px 30px; border:1px solid #2d2d2d; width:200px; font-size:14px; display:inline-block; text-align:center; text-decoration:none;}
.t-btn:hover { background:#2d2d2d; color:#fff;}
@media screen and (max-width:768px) {
  .picup { padding:40px 0;}
  .picup ul { margin:0;}
  .picup ul li { margin-bottom:40px;}
  .picup ul li .img { width:100%;}
  .picup ul li .txt { width:100%; margin-top:20px; padding:0 25px; font-size:13px;}
  .picup ul li .txt span { font-size:18px;}
  
  .t-btn{ width:100%; padding:10px 0 6px; margin-top:16px;}
}



.top-about { background-image:url(https://img21.shop-pro.jp/PA01475/216/etc/bg%281%29.jpg?cmsp_timestamp=20211210131231); padding:45px 100px; color:#fff; text-align:center;background-attachment:fixed; background-size:cover; line-height:1.8; background-blend-mode:color; background-color:rgba(0,0,0,.4);} 
.top-about h4 { margin-bottom:15px; font-size:24px;}
.top-about .t-btn { color:#ffffff; border-color:#fff;}
.top-about .t-btn:hover { background-color:#fff; color:#000;}

.shop-guide { padding:120px 0;}
.shop-guide ul { display:flex; margin-top:75px; margin-left:0; flex-wrap:wrap;}
.shop-guide ul li { width:32%; padding:10px 20px; border-right:1px solid; list-style-type:none; font-size:15px; font-weight:400; text-align:left; line-height:1.8; margin-right:2%;}
.shop-guide ul li:last-child { border:none; margin-right:0;}
.shop-guide ul li h4 { font-size:24px; margin-bottom:25px; line-height:1.4; font-weight:400;}
.shop-guide ul li h5 { font-size:20px; margin-bottom:15px; line-height:1.4; font-weight:400;}

@media screen and (max-width:768px) {
  .top-about { padding:15px 25px 50px; background-attachment:inherit;}
  .top-about h4 { font-size:20px;}
  
  .top-banerblock { padding:0 25px;}
  .top-banerblock .mb-40 { margin-bottom:18px!important;}
  
  .shop-guide { padding:0 25px;}
  .shop-guide ul { margin-top:0;}
  .shop-guide ul li { width:100%; margin-right:0; border-right:0; border-bottom:1px solid; font-size:13px;}
  .shop-guide ul li h4 { font-size:20px;}
  .shop-guide ul li h5 { font-size:17px; margin:18px 0 12px;}
}