@charset "UTF-8";

/*====================================================================================
■btn
====================================================================================*/

.btn03 {
  position: relative;
  border: 1px solid #2f2f2f;
  color: #000000;
  background: #ffffff;
  display: block;
  padding: 10px;
  border-radius: 5px;
  width: clamp(0px, 100%, 420px);
  text-align: center;
  margin: 0 auto; 
  margin-top: auto;  
  margin-left: auto; 
  margin-right: auto;
  font-size: 3.7vw;
  font-weight: bold;
  box-sizing: border-box;
  box-shadow: 0 2px 2px rgba(0,0,0,.6);
  transition: All 0.3s ease;
  font-family: "游ゴシック体", "Yu Gothic", "游ゴシック",  YuGothic, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.naire .btn03 {
  border: 1px solid #ffffff;
  color: #fff!important;
  background: rgb(0 0 0 /30%);
}



@media only screen and (min-width: 768px) {
  .btn03 {
    padding: 10px;
    font-size: 1.5rem;
    max-width: 260px;
  }
  .btn03:hover {
    box-shadow: none;
  }
  .naire .btn03:hover {
    background: rgb(255 255 255 /50%);
  }
}


/*====================================================================================
■category
====================================================================================*/
#second_pages.shopping .category_headimg01,
#second_pages.shopping .category_headimg02 {
  margin: 0 auto 20px auto;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#second_pages.shopping .category_headimg02 {
  height: 120px;
  margin: 30px auto 20px auto;
  padding: 0 2%;
}

#second_pages.shopping .category_headimg01 img,
#second_pages.shopping .category_headimg02 img {
  width: auto;
  height: auto;
  max-width: 170%;
  max-height: 100%;
}

#second_pages.shopping .category_txt {
  margin-bottom: 20px;
}

#second_pages.shopping .category_txt .category_txt--head {
  margin-bottom: 10px;
}

#second_pages.shopping .category_intro {
  margin-bottom: 20px;
}

#second_pages.shopping .category_wrapper  a {
  text-decoration: none;
  color: #333!important;
}

#second_pages.shopping .category_col {
  box-sizing: border-box;
  padding: 3vw 3vw 5vw;
  background: #f9fdff;
  border-radius: 10px;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
}

#second_pages.shopping .category_col.naire {
  background-size: cover!important;
  padding: 0;
}

#second_pages.shopping .category_col > div{
  display:grid;
  gap: 4vw;
  height: 100%;
}

#second_pages.shopping .category_col.naire > div{
  background: rgb(0 0 0/50%);
  color: white;
  padding: 5vw;
  border-radius: 10px;
  box-sizing: border-box;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

#second_pages.shopping .category_wrapper .category_col h3 {
  font-size: 5vw;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  text-align: center;
  font-weight: bold;
}

#second_pages.shopping .category_wrapper .category_col.naire .col_photo {
  display: none;
}

#second_pages.shopping .category_wrapper .col_spec {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  font-size: 3.5vw;
}
#second_pages.shopping .category_wrapper .col_comment .catchphrase {
  text-align: center;
  font-size: 4.5vw;
  font-weight: bold;
  color: #2edada;
}

#second_pages.shopping .category_wrapper .col_comment b {
  font-weight: bold;
}

/* タブレット・PC用 */
@media only screen and (min-width: 768px) {
  #second_pages.shopping .category_headimg01 {
    margin: 0 auto 30px auto;
    overflow: visible;
  }
  #second_pages.shopping .category_headimg02 {
    height: 200px;
    margin: 30px auto;
    padding: 0;
  }
  #second_pages.shopping .category_headimg01 img,
  #second_pages.shopping .category_headimg02 img {
    max-width: 100%;
    max-height: 100%;
  }
  #second_pages.shopping .category_txt {
    margin-bottom: 40px;
  }
  #second_pages.shopping .category_intro {
    margin-bottom: 30px;
  }
  #second_pages.shopping .category_col {
    padding: 2% 2% 7%;
  }

  #second_pages.shopping .category_col > div {
    gap: 15px;
  }

  #second_pages.shopping .category_col.naire > div{
    padding: 13%;
  }
  #second_pages.shopping .category_wrapper .category_col h3 {
    font-size: 2.3rem;
  }
  #second_pages.shopping .category_wrapper .col_spec {
    font-size: 1.5rem;
  }
  #second_pages.shopping .category_wrapper .col_comment .catchphrase {
    font-size: 2rem;
  }
  
  /*
  #second_pages.shopping .category_col > div > div{
    gap: 30px !important;
    flex-direction: column;
  }
  */

  /*
  #second_pages.shopping .category_wrapper .col_photo {
    flex: 0 0 50%;
  }
    */
  /*
  #second_pages.shopping .category_wrapper .category_col.naire .col_photo img {
    aspect-ratio: unset;
  }
    */
}


/*====================================================================================
■shop-list 
====================================================================================*/
#second_pages.shopping .box_shop {
  display: block;
  border: 1px solid #e2e2e2;
  padding: 3vw 2vw;
  margin-bottom: 6vw;
  background: #fff;
}

#second_pages.shopping .box_shop .img {
  width: 100%;
  padding: 2vw 0;
  box-sizing: border-box;
  display: block;
  margin: 0 auto 3vw auto;
}

#second_pages.shopping .box_shop .box {
  width: 100%;
  box-sizing: border-box;
}

#second_pages.shopping .box_shop .box h3 {
  font-size: 5vw;
  font-weight: bold;
  color: #1b1b1b;
  margin-bottom: 3vw;
  border-bottom: 2px solid #1b1b1b;
  padding-bottom: 1vw;
}

#second_pages.shopping .box_shop .box table {
  margin: 4vw 0;
  width: 100%;
  border-collapse: collapse;
}

#second_pages.shopping .box_shop .box table th,
#second_pages.shopping .box_shop .box table td {
  vertical-align: middle;
  padding: 2vw;
  text-align: left;
  background: #f5f5f5;
  font-size: 3.5vw;
}

#second_pages.shopping .box_shop .box table th {
  background-color: #e2e2e2;
}

#second_pages.shopping .shopping_pager {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 8vw auto;
  gap: 2vw;
  flex-wrap: wrap;
}

#second_pages.shopping .shopping_pager button a {
  color: #fff;
  font-weight: bold;
  line-height: 1;
  background-color: #33CC00;
  padding: 3vw 6vw;
  border-radius: 5px;
  font-size: 4vw;
  display: inline-block;
  text-align: center;
}

/* タブレット・PC */
@media only screen and (min-width: 768px) {
  #second_pages.shopping .box_shop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1% 1.5%;
    margin-bottom: 25px;
  }

  #second_pages.shopping .box_shop .img {
    width: 42%;
    padding: 0;
    margin: 0;
  }

  #second_pages.shopping .box_shop .box {
    width: 55%;
  }

  #second_pages.shopping .box_shop .box h3 {
    font-size: 120%;
    margin-bottom: 20px;
  }
  #second_pages.shopping .box_shop .box table {
    margin: 10px 0;
  }

  #second_pages.shopping .box_shop .box table th,
  #second_pages.shopping .box_shop .box table td {
    font-size: 1.5rem;
    padding: 2%;
  }

  #second_pages.shopping .shopping_pager {
    width: 70%;
    margin: 50px auto;
    gap: 0;
  }

  #second_pages.shopping .shopping_pager button a {
    font-size: 1rem;
    padding: 10px 20px;
  }
}