@charset "UTF-8";

/*
Theme Name: enrica original theme
Author:
Author URI:
Description: 
*/

@import url("css/default.css");
@import url("css/base.css");
@import url("css/page.css");
@import url("css/sp.css");

body.page-template-default h1 {
  padding: 108px 0 50px;
}
body.page-template-default #shopList {
  position: relative;
  z-index: 2;
  width: 100%;
  background-color: #fff;
}
body.page-template-default #shopList .inner {
  width: 960px;
  margin: 0 auto;
}
body.page-template-default #shopList .inner .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 0 57px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-direction: column;
  gap: 0px;
}
body.page-template-default #shopList .inner .box table {
  width: 100%;
}
body.page-template-default
  #shopList
  .inner
  .box
  table:first-of-type
  td:first-of-type {
  width: 120px;
}
body.page-template-default #shopList .inner .box table td {
  padding: 0 0 12px;
  text-align: left;
}
body.page-template-default td,
body.page-template-default td a {
  letter-spacing: 0.055em;
  font-family: Helvetica, arial, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  font-size: 12px;
  /*font-weight: lighter;*/
}
/*body.page-template-default #shopList .inner .box table:last-of-type {
    border-left: solid 1px #333333;
}
body.page-template-default #shopList .inner .box table:first-of-type {
  border-right: solid 1px #333333;
  padding-right: 1rem;
}*/
body.page-template-default
  #shopList
  .inner
  .box
  table:last-of-type
  td:first-of-type {
  width: 120px;
  white-space: nowrap;
}
@media (max-width: 640px) {
  body.page-template-default h1 {
    padding: 440px 0 50px;
  }
  body.page-template-default #shopList {
    width: 100%;
    height: auto;
    padding: 0 20px 60px;
  }
  body.page-template-default #shopList .inner {
    width: 100%;
  }
  body.page-template-default #shopList .inner h2 {
    padding: 57px 0 51px;
  }
  body.page-template-default #shopList .inner .box {
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.page-template-default #shopList .inner .box table {
    width: 100%;
  }
  body.page-template-default #shopList .inner .box table td {
    padding: 0 0 18px;
    text-align: left;
    letter-spacing: 0.055em;
  }
  body.page-template-default
    #shopList
    .inner
    .box
    table:first-of-type
    td:first-of-type {
    width: 122px;
  }
  body.page-template-default
    #shopList
    .inner
    .box
    table:first-of-type
    td:nth-of-type(2) {
    /*width: 200px;*/
  }
  body.page-template-default #shopList .inner .box table:last-of-type {
    margin: 0;
    border-left: none;
  }
  body.page-template-default #shopList .inner .box table:first-of-type {
    border-right: none;
  }
  body.page-template-default
    #shopList
    .inner
    .box
    table:last-of-type
    td:first-of-type {
    width: 121px;
    padding-left: 0;
  }
  body.page-template-default
    #shopList
    .inner
    .box
    table:last-of-type
    td:nth-of-type(2) {
    /*width: 200px;*/
  }
  body.home .box-wrap,
  body.category #wrap,
  body.page-template-archive #wrap {
    width: 100%;
  }
  body.home .thumbnailBox {
    width: 290px;
    height: 427px;
    margin: 0 20px 20px 0;
  }
  body.home #wrap section:nth-child(4n) .thumbnailBox {
    margin: 0 20px 20px 0;
  }
  body.home #wrap section:nth-child(2n) .thumbnailBox {
    margin: 0 0 20px;
  }
  body.home .imageBox {
    width: 100%;
    height: 290px;
    margin: 0 0 10px;
  }
}
@media (min-width: 992px) {
  #infobox {
    margin: auto;
  }
}
@media (max-width: 991.98px) {
  #infobox {
    width: 100%;
    margin: auto;
  }
}
#infobox {
  padding: 2rem 1rem;
  border-bottom: solid 1px #d8d8d8;
}
#infobox dl {
  margin: 1rem auto;
  line-height: 1.5;
  font-size: 12px;
  display: table;
}
#infobox dl dt {
  float: left;
  width: 6em;
  color: #aaa;
  font-family: "Julius Sans One", sans-serif;
  font-size: 12px;
}
#infobox dl dd {
  margin-left: 7em;
  font-size: 12px;
}
#infobox dl dd,
#infobox dl dd a {
  color: #000;
  font-size: 12px;
}
#infobox dl dd a:hover {
  color: #aaa;
}
@media (max-width: 640px) {
  #infobox dl {
    margin: 1rem;
    line-height: 1.5;
    font-size: 12px;
    display: table;
  }
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}