@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : shop.css
 author     : Abilive
 style info : ネットショップ
=================================================================== */
@import url(https://fonts.googleapis.com/css?family=Julius+Sans+One);
.list_shop, #caption {
  max-width: 1100px;
  margin: auto;
}
@media only screen and (max-width: 1099px) {
  .list_shop, #caption {
    width: 94.79167%;
  }
}

/* font-awesome */
/* -----------------------------------------------------------
	アンカーリンク
----------------------------------------------------------- */
/* -----------------------------------------------------------
	スライド　用
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.list_shop
----------------------------------------------------------- */
.list_shop {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop {
    margin-top: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop {
    margin-top: 10%;
  }
}
@media only screen and (min-width: 768px) {
  .list_shop {
    display: flex;
    flex-wrap: wrap;
  }
}
@media print {
  .list_shop {
    display: flex;
    flex-wrap: wrap;
  }
}
.ie8 .list_shop {
  display: flex;
  flex-wrap: wrap;
}
.list_shop li {
  display: inline-block;
  vertical-align: top;
  width: 31.45455%;
  margin-bottom: 95px;
  margin-right: 31px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li {
    margin-bottom: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li {
    margin-bottom: 8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li {
    margin-right: 2.8%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li {
    margin-right: 0;
  }
}
.list_shop li:nth-child(3n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .list_shop li:last-child {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li {
    float: none;
    width: 100%;
  }
}
.list_shop li .box_photo {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li .box_photo {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .box_photo {
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .box_photo .photo {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .box_photo .photo img {
    width: 95%;
  }
}
.list_shop li .box_photo .num_txt {
  position: absolute;
  color: #844b00;
  top: 0;
  left: 10px;
  font-family: 'Times New Roman', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
  font-size: 262%;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li .box_photo .num_txt {
    left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .box_photo .num_txt {
    left: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li .box_photo .num_txt {
    font-size: 193%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .box_photo .num_txt {
    font-size: 308%;
  }
}
.list_shop li .st_pro {
  font-size: 185%;
  color: #391a03;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px dashed #a18142;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li .st_pro {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .st_pro {
    font-size: 185%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li .st_pro {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .st_pro {
    margin-bottom: 2%;
  }
}
.list_shop li .st_pro:first-letter {
  color: #5c8423;
}
.list_shop li .txt {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li .txt {
    margin-bottom: 2em;
  }
}
.list_shop li table {
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li table {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li table {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .list_shop li table {
    max-width: 346px;
  }
}
@media print {
  .list_shop li table {
    max-width: 346px;
  }
}
.ie8 .list_shop li table {
  max-width: 346px;
}
.list_shop li table .cap {
  font-size: 77%;
  margin-left: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  .list_shop li table .cap {
    font-size: 77%;
  }
}
@media only screen and (max-width: 767px) {
  .list_shop li table .cap {
    font-size: 77%;
  }
}
.list_shop li table .cap a {
  color: #5c8423 !important;
}
.list_shop li .btn_mail {
  width: 100%;
  margin: auto;
  text-align: center;
  font-size: 108%;
}
.list_shop li .btn_mail a {
  color: #fff;
  text-decoration: none;
  display: block;
  margin: auto;
  background: #624616;
  padding: .5em 0;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  border: 2px solid #624616;
  -moz-transition: border-color 0.35s, background 0.35s, color 0.35s;
  -o-transition: border-color 0.35s, background 0.35s, color 0.35s;
  -webkit-transition: border-color 0.35s, background 0.35s, color 0.35s;
  transition: border-color 0.35s, background 0.35s, color 0.35s;
  position: relative;
}
.list_shop li .btn_mail a em {
  display: block;
  width: 90%;
}
.list_shop li .btn_mail a:after {
  content: "";
  font-family: FontAwesome;
  margin-left: .5em;
  position: absolute;
  display: block;
  margin-left: 0;
  right: 7%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  top: 50%;
  margin-top: -.7em;
  -moz-transition: right 0.35s, opacity 0.35s;
  -o-transition: right 0.35s, opacity 0.35s;
  -webkit-transition: right 0.35s, opacity 0.35s;
  transition: right 0.35s, opacity 0.35s;
}
.list_shop li .btn_mail a:hover {
  background: none;
  border-color: #624616;
  color: #624616;
}
.list_shop li .btn_mail a:hover:after {
  right: 2%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  .list_shop li .btn_mail {
    max-width: 300px;
  }
}
@media print {
  .list_shop li .btn_mail {
    max-width: 300px;
  }
}
.ie8 .list_shop li .btn_mail {
  max-width: 300px;
}
.list_shop li .btn_mail a {
  color: #fff;
}
.list_shop li .btn_mail a:before {
  content: "";
  font-family: FontAwesome;
  margin-right: .5em;
  color: #fff;
  font-size: 116%;
}
.list_shop li .btn_mail a:hover {
  color: #624616;
  background: none;
  border-color: #624616;
}
.list_shop li .btn_mail a:after {
  display: none;
}

#caption {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  #caption {
    margin-bottom: 6%;
  }
}
@media only screen and (max-width: 767px) {
  #caption {
    margin-bottom: 10%;
  }
}
#caption span {
  margin-right: 1em;
  color: #5c8423;
}

#footer {
  margin-top: 0 !important;
}