/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

  エクスショップ プレミアムコレクション

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#premium_collection {
  --slider-box-and-margin-left: calc(940px + 230px);
  --head-width: 1031px;
}
/* ======================================================================================================================

  スライダー

======================================================================================================================*/
#premium_collection .swiper-button-next,
#premium_collection .swiper-button-prev {
  position: absolute;
  text-indent: -9999px;
  top: 143px;
  display: block;
  width: 53px;
  height: 53px;
  margin-top: 0;
}
#premium_collection .swiper-button-prev {
  left: 16px;
  background: url("/public/img/static/special/premium/bt_prev.png") left top no-repeat;
}
#premium_collection .swiper-button-next {
  right: calc(var(--slider-box-and-margin-left) - var(--head-width) + 16px);
  background: url("/public/img/static/special/premium/bt_next.png") left top no-repeat;
}
#premium_collection .swiper-button-next:hover,
#premium_collection .swiper-button-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#premium_collection .slider_box{
  margin-left: 230px;
}
#premium_collection .visual {
  position: relative;
  width: 1031px;
  height: 340px;
  overflow: hidden;
}
#premium_collection .visual .cate_ttl {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
  height: 196px;
  padding: 144px 0 0 0;
  text-align: center;
  background-color: #000;
}
#premium_collection .visual .slider_box {
  width: 940px;
  *position: relative; /* IE7 */
}
#premium_collection .visual .slider_box .swiper-slide {
  width: 480px;
}
/* ======================================================================================================================

  リスト

======================================================================================================================*/
#premium_collection .list {
  padding: 30px 20px 60px;
}
#premium_collection .box {
  margin-bottom: 20px;
}
#premium_collection .box .item_img {
  display: table-cell;
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
  vertical-align: middle;
  padding-right: 10px;
}
#premium_collection .box .item_detail {
  display: table-cell;
  *display: inline; /* IE7 */
  *zoom: 1; /* IE7 */
  vertical-align: middle;
}
#premium_collection .box .point {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #ec6941;
}
#premium_collection .box .name a {
  margin-top: 2px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 21px;
  font-weight: bold;
  text-decoration: underline;
}
#premium_collection .box .price {
  line-height: 1.5;
  font-size: 12px;
  color: #878787;
}
#premium_collection .box .maker_price {
  float: left;
  margin-top: 9px;
}
#premium_collection .box .maker_price .original {
  padding: 0 5px 0 6px;
  text-decoration: line-through;
}
#premium_collection .box .maker_price .discount {
  color: #f00;
}
#premium_collection .box .item_price {
  float: left;
  margin-top: 3px;
  padding: 0 1px 0 8px;
  font-weight: bold;
}
#premium_collection .box .item_price .total_price {
  font-size: 16px;
  color: #f00;
}
#premium_collection .box .variation {
  width: 228px;
  margin-top: 6px;
  padding: 4px 11px 4px 6px;
  font-size: 14px;
  border: 1px dotted #8c97cb;
  background-color: #f2fafe;
  *width: 234px; /* IE7 */
}
#premium_collection .box .variation .ttl {
  float: left;
}
#premium_collection .box .variation a {
  float: left;
  padding-left: 10px;
  text-decoration: underline;
  color: #8f82bc;
}
#premium_collection .box .variation a:hover {
  text-decoration: none;
}