@charset "UTF-8";
/*
--------------------------------------------------------------------------------
/assets/css/feature/id359_add.css
<a href="#link_359_recmd_item">dancyu元氣食堂でも話題の「ウェットエイジングビーフ」を数量限定販売中！</a>
--------------------------------------------------------------------------------
*/
/* ================================================== *
*    Compassのメインモジュールをインポート
* ================================================== */
/*
--------------------------------------------------------------------------------
mixin
--------------------------------------------------------------------------------
*/
.link_359_recmd {
  text-align: center;
  margin: 0 0 24px 0;
}
@media (max-width: 767px) {
  .link_359_recmd {
    display: none;
  }
}
.link_359_recmd a {
  display: block;
  padding: 20px 0;
  color: #fdfdfd;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background: #d8273d;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.link_359_recmd a:hover {
  background: #191919;
}
.link_359_recmd a .icon-arrow_01 {
  font-weight: bold;
  font-size: 1.7rem;
  margin-right: 5px;
}

#link_359_recmd_item {
  margin: 0;
  padding-top: 30px;
}
@media (max-width: 767px) {
  #link_359_recmd_item {
    padding-top: 20px;
  }
}
#link_359_recmd_item h2 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.8;
  color: #191919;
  margin: 0 0 30px 0;
}
@media (max-width: 767px) {
  #link_359_recmd_item h2 {
    font-size: 1.75rem;
    line-height: 1.6;
    margin: 0 0 20px 0;
  }
}
@media (max-width: 767px) {
  #link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 {
    padding-left: 4px;
  }
  #link_359_recmd_item .col-xs-12.col-sm-8.col-md-8:nth-child(even) {
    padding-left: 8px;
    padding-right: 4px;
  }
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: 0 0 13px 0;
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 img:hover {
  opacity: 0.75;
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 h3 {
  margin: 0 0 13px 0;
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 h3 a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 1.45rem;
  line-height: 1.5;
  color: #d8273d;
}
@media (max-width: 767px) {
  #link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 h3 a {
    font-size: 1.3rem;
  }
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 p {
  font-size: 1.7rem;
  line-height: 1.8;
  font-weight: bold;
  color: #191919;
  margin: 0 0 22px 0;
}
@media (max-width: 767px) {
  #link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 p {
    font-size: 1.5rem;
  }
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 p .rz {
  font-size: 1.3rem;
  padding: 4px 5px;
  margin-right: 5px;
  color: #fdfdfd;
  background: #d8273d;
}
@media (max-width: 767px) {
  #link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 p .rz {
    font-size: 1.25rem;
  }
}
#link_359_recmd_item .col-xs-12.col-sm-8.col-md-8 p .zk {
  font-size: 1.2rem;
}

.box_attributehtml {
  padding-bottom: 0px;
}