@charset "utf-8";
/*
 * [gallery] ギャラリーのベーススタイル
 * Photospace Responsive Gallery（plugin-assets/css/frontend.css）の置き換え。
 *
 * このファイルは wp_head() 経由で読み込まれる = header.php の style.css より
 * 後に来る。旧プラグインの CSS と同じ位置なので、style.css 側の
 * .photospace_res 系の !important 上書きはこれまで通り効く。
 *
 * 旧 CSS から落としたもの:
 *   .loader           … 読み込み gif が無くなったため（JS 側でも使っていない）
 *   .psr_paging /
 *   a.pageLink        … サムネイルのページ送りを廃止したため
 *   .controls /
 *   .ss-controls      … 再生コントロールを出力していないため
 */

.photospace_res {
  position: relative;
  overflow: visible;
  min-height: 200px;
  margin-top: 30px;
  margin-bottom: 30px;
}

/* ---- 大画像 ---- */

.photospace_res .gal_content {
  /* JS が初期化時に block に戻す（旧プラグインと同じ挙動） */
  display: none;
  width: auto;
  height: auto;
}

.photospace_res .gal_content a:hover {
  text-decoration: underline;
}

.photospace_res .slideshow-container {
  position: relative;
  clear: both;
  width: auto;
  height: auto;
}

.photospace_res .slideshow,
.photospace_res .slideshow span,
.photospace_res .slideshow a.advance-link {
  width: auto;
  height: auto;
}

.photospace_res .slideshow span {
  line-height: 0;
}

.photospace_res .slideshow span.image-wrapper {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: -1px;
  white-space: nowrap;
}

.photospace_res .slideshow a.advance-link {
  display: block;
  line-height: 0;
  text-align: center;
}

.photospace_res .slideshow a.advance-link:hover,
.photospace_res .slideshow a.advance-link:active,
.photospace_res .slideshow a.advance-link:visited {
  text-decoration: none;
}

.photospace_res .slideshow img {
  max-width: 100%;
  margin: auto;
  line-height: 0;
  vertical-align: top;
}

/* ---- キャプション ---- */

.photospace_res .caption {
  padding-top: 10px;
  padding-right: 0;
  color: #8e8e8e;
  text-align: center;
}

.photospace_res span.image-caption {
  display: block;
  position: inherit;
}

.photospace_res .image-desc {
  padding-top: 12px;
  line-height: 1.3em;
}

/* サムネイル内のキャプションは大画像側へ複製するので隠す */
.photospace_res li .caption {
  display: none;
}

/* ---- サムネイル列 ---- */

.photospace_res .thumbs_wrap2 {
  overflow: hidden;
}

/* .thumbs_wrap の left:50% と .thumnail_row の left:-50% で中央寄せする */
.photospace_res .thumbs_wrap {
  position: relative;
  left: 50%;
  float: left;
}

.photospace_res .thumnail_row {
  position: relative;
  left: -50%;
  float: left;
  width: auto;
}

.photospace_res .thumnail_row a {
  color: #8e8e8e;
  text-decoration: none;
}

.photospace_res ul.thumbs {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none !important;
  text-align: center;
}

.photospace_res ul.thumbs li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none !important;
}

.photospace_res ul.thumbs img {
  display: block;
}

.photospace_res a.thumb {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease;
}

.photospace_res a.thumb:focus {
  outline: 0;
}

.photospace_res li a:hover,
.photospace_res li.selected a {
  cursor: default;
  opacity: 0.5;
}

.photospace_res .hide_me {
  display: none !important;
}

.photospace_res_clear {
  clear: both;
}