@charset "UTF-8";
/**
* ---------------------------------------------
* 特設ページ（今週の新着商品）style.scss
*
* Auth: ryusei
* Date: 2022/12/13
* ---------------------------------------------
**/
/* 共通スタイル設定 */
/*!
 *  Variables | 2015.11.02 by yk
 */
/* 汎用設定 ========================================================================== */
.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mtb5 { margin-top: 5px; margin-bottom: 5px; }

.mtb10 { margin-top: 10px; margin-bottom: 10px; }

.mtb15 { margin-top: 15px; margin-bottom: 15px; }

.mtb20 { margin-top: 20px; margin-bottom: 20px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt15 { padding-top: 15px; }

.pt20 { padding-top: 20px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.ptb5 { padding-top: 5px; padding-bottom: 5px; }

.ptb10 { padding-top: 10px; padding-bottom: 10px; }

.ptb15 { padding-top: 15px; padding-bottom: 15px; }

.ptb20 { padding-top: 20px; padding-bottom: 20px; }

.left { float: left; }

.right { float: right !important; }

.no_data { margin: 30px auto; font-size: 12px; text-align: center; }

/* ===== 個別スタイル ===== */
#contents .mainImageWrap { min-height: auto; margin-bottom: 25px; }
#contents .mainImageWrap .image { overflow: unset; }
#contents .mainImageWrap .image figure { margin: 0; }

#special_recommend { margin-bottom: 80px; }
#special_recommend .recommend__ttl { display: none; }
#special_recommend .recommend__wrap { padding: 0 10px; }
#special_recommend .recommend__box > * { display: block; padding: 25px 10px; color: #4D463D; transition: .4s all; }
#special_recommend .recommend__box > *:hover { text-decoration: none; color: #4D463D; opacity: 1; }
#special_recommend .recommend__box:first-child > * { padding-top: 0; }
#special_recommend .recommend__box .thum { margin: 0 0 8px; position: relative; overflow: hidden; border: 1px solid #ececec; border-radius: 6px; }
#special_recommend .recommend__box .thum img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center; font-family: "object-fit: cover; object-position: center;"; transition: .4s all; }
#special_recommend .recommend__box .thum::before { content: ''; display: block; padding-top: 80%; }
#special_recommend .recommend__box .item__contents .item__date { margin-bottom: 5px; font-size: 10px; }
#special_recommend .recommend__box .item__contents .item__name { margin-bottom: 15px; font-size: 16px; }
#special_recommend .recommend__box .item__contents .item__body { font-size: 13px; }
#special_recommend .recommend__box + .recommend__box { border-top: 1px solid #4D463D; }

/* pc */
@media screen and (min-width: 769px) { #contents #rightContents .mainImageWrap { height: 235px; }
  #contents #rightContents .mainImageWrap .image { height: auto; }
  #special_recommend .recommend__ttl { display: block; margin-bottom: 10px; padding: 0; font-size: 20px; color: #4e463d; line-height: 2.2; background: unset; position: relative; }
  #special_recommend .recommend__ttl::before, #special_recommend .recommend__ttl::after { content: ''; position: absolute; top: 100%; left: 0; transform: translateY(-100%); height: 4px; }
  #special_recommend .recommend__ttl::before { width: 100%; background: #e8dbce; }
  #special_recommend .recommend__ttl::after { width: 30.5%; background: #4e463d; }
  #special_recommend .recommend__wrap { padding: 0; }
  #special_recommend .recommend__box > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 15px; }
  #special_recommend .recommend__box > *:hover { background: #f0f0f0; }
  #special_recommend .recommend__box > *:hover .thum img { width: 110%; }
  #special_recommend .recommend__box:first-child > * { padding-top: 25px; }
  #special_recommend .recommend__box .thum { flex: 0 1 35%; width: 35%; max-width: 35%; margin-bottom: 0; }
  #special_recommend .recommend__box .thum::before { padding-top: 100%; }
  #special_recommend .recommend__box .item__contents { flex: 0 1 60%; width: 60%; max-width: 60%; }
  #special_recommend .recommend__box .item__contents .item__date { margin-bottom: 2px; font-size: 11px; text-align: right; }
  #special_recommend .recommend__box .item__contents .item__name { margin-bottom: 12px; font-size: 18px; }
  #special_recommend .recommend__box .item__contents .item__body { font-size: 14px; } }

/*# sourceMappingURL=style.css.map */