@charset "utf-8";
/* CSS Document */
.office_casual {
  font-size: 62.5%; /*16px×62.5％＝10px*/
  color: #000;
  font-feature-settings: "palt";
  text-align: center;
}
.office_casual img {
  max-width: 100%;
  height: auto;
}
.office_casual ul li {
  list-style: none;
}
/*---------------------------
main
 --------------------------*/
.office_casual h2 {
border-bottom: solid 3px #888;
  position: relative;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 20px 0 10px;
  line-height: 1.6;
  padding-bottom: 15px;
}
.office_casual h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #BAA8E7;
  bottom: -3px;
  width: 20%;
}
.office_casual .office_casual--text {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  padding: 5px 0 0;
}
.office_casual .office_casual--text2 {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  padding-bottom: 10px;
}
/*---------------------------
 black title
 --------------------------*/
.btn-gradient-radius-l {
  box-sizing: border-box;
  display: inline-block;
  padding: 0.4rem 1.5rem;
  margin: 20px 20px 10px;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 0.8rem;
  background-image: linear-gradient(#bbaae8 0%, #a993e5 100%);
  transition: .4s;
  letter-spacing: 0.2em;
  width: 90%;
}
.btn-gradient-radius-m {
  box-sizing: border-box;
  display: inline-block;
  padding: 0.4rem 1.5rem;
  margin: 20px 20px 10px;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  font-size: 0.8rem;
  background-image: linear-gradient(#777 0%, #666 100%);
  transition: .4s;
  letter-spacing: 0.2em;
  width: 90%;
}
/*---------------------------
アンダーライン
--------------------------*/
.under {
  background: linear-gradient(transparent 60%, #444 60%);
}
/*---------------------------
やる値画像サイズ
--------------------------*/
.harf40 img {
  max-width: 40%;
  height: auto;
  padding: 10px;
}
/*---------------------------
イベント商品非表示項目
--------------------------*/
.block-event-page--goods .block-goods-list--sort-order-items {
  display: none;
}
.pager {
  display: none;
}
/*---------------------------
もっと見る非表示
--------------------------*/
.block-link {
  display: none;
}
/*---------------------------
商品上下スペース調整
--------------------------*/
.block-section {
  padding: 20px 0;
}