@charset "UTF-8";

/* 商品詳細（スマートフォン） ファーストビュー用 */

/* sys/sb_base_misc.css のコピー ここから */

/* ----画像センタリング配置---- */

.img-center {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-center img {
  text-align: center;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

/* ここまで sys/sb_base_misc.css のコピー */


/* sys/sb_block_common.css のコピー ここから */

/* ----パンくず---- */

.block-topic-path {
  padding: 10px 10px;
  font-size: 0;
  background-color: #f5f5f5;
  margin-top: 10px;
  margin-bottom: 10px;
}

.block-topic-path--list li {
  display: inline-block;
  font-size: 12px;
  padding-right: 5px;
}

.block-topic-path--list a {
  text-decoration: underline;
}

/* ここまで sys/sb_block_common.css のコピー */


/* sys/sb_block_goods.css のコピー ここから */

/* ----商品詳細画面---- */

.block-goods-detail {
  margin: 10px;
  display: -webkit-flex;
  display: flex;
}

.block-goods-gallery {
  margin-left: -5px;
  margin-right: -5px;
}

.block-goods-gallery ul {
  font-size: 0;
}

.block-goods-gallery li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}

/* ここまで sys/sb_block_goods.css のコピー */


/* usr/sb_block.css のコピー ここから */

/* ----商品詳細画面---- */
/*CSSによる商品詳細画面の項目の並び順変更用*/
.block-goods-detail {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column nowrap;
}

.block-goods-gallery {
  order: 30;
}

/* ここまで usr/sb_block.css のコピー */