@charset "utf-8";
/* CSS Document */

#outlet .contents_h1--subttl{
  margin-bottom: 8px;
  font-family: "Montserrat", sans-serif;
}
#outlet .contents_h1{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
}
@media screen and (min-width: 960px) {
#outlet .contents_h1{
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.4rem;
}
}

/*---
recommnded
-----*/
.recom-list-item--name {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 8px;
  font-size: 1.2rem;
}
#outlet .sale{
  background: #c54444;
  color: #fff;
  text-align: center;
  padding: 0.2rem 0.4rem;
  margin-right: 0.5rem;
}
#outlet .price{
  display: block;
  margin-top: 1rem;
  text-align: right;
}
#outlet .line_through{
  text-decoration: line-through;
}
#outlet .red{
  font-size: 1.1rem;
  color: #c54444;
  display: inline;
  padding-left: 1rem;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
.recommnded_btn{
  width: 50%;
}
.recom-list{
gap: 32px;
align-items: baseline;
}
.recom-list-item{
  flex: 0 1 calc((100% - 32px * 3) / 4);
}
.design_btn{
  margin: 32px auto 0;
}
.design_btn>a>span{
  display: block;
  font-size: 1.1rem;
}
#outlet .sale{
  margin-right: 1rem;
}
#outlet .red {
  font-size: 1.5rem;
}
}